#3313March 5, 2021by fahad1573 answers
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
Andrew-Chen-Wang
Single click can get annoying when dragging around blocks. If you've already selected a block, you still need to do a double click. If you didn't select a block, then you can just double click the block to edit the text. I think that's pre...
fahad157
@Andrew-Chen-Wang Yes that's right but in my scenario i want edit on just single click, if it is possible then plz guide.
mihir-khandekar
@fahad157 were you able to fix this?
#3312March 5, 2021by Andrew-Chen-Wang2 answers
What are you trying to add to GrapesJS? The side panel looks scrunched. Unless you've got a big desktop, I'd rather not have images from the blocks panel go off to the side. Additionally, the icons at the top e.g. "getting a new block" icon is just obscured unless you've got a decently large screen. Describe your feat...
Ju99ernaut
The idea is to maximize the area covered by the canvas, but you can easily change panel sizes with custom css.
Andrew-Chen-Wang
For sure, I just don't think the demo should look all scrunched up like that :P I suppose it's personal opinion then.
#3310March 5, 2021by Andrew-Chen-Wang2 answers
Version: The one in the demo Are you able to reproduce the bug from the demo? [X] Yes [ ] No What is the expected behavior? Mobile and tablet view should resize the canvas when window resizes. Describe the bug detailed The desktop view properly resizes the canvas when resizing the window What is the current behavior?...
Ju99ernaut
The mobile and tablet devices are pixel pased, so they just resize the canvas to a certain number of pixels regardless of window size. I believe desktop just sets canvas to 100%.
artf
As mentioned by @Ju99ernaut this is how devices work. Honestly, I don't even see the reason behind such a case, why the user should resize the window? You might also start to see/update styles not related to the proper device and that woul...
#3309March 4, 2021by jcamejo3 answers
Version: 0.16.44 Hi @artf I have a custom block with a custom button component, which its content is similar to this one. <a data-gjs-type="custom_button" class="btn btn-1" href="">Click here</a> Additionally, I've added a text trait to change the button content, in this particular case I do not want to use the editor...
artf
Hi Juan, thanks for the report, are you able to show me how your text trait works? I'd expect it to work correctly if you update your component in this way component.components(e.target.value)
jcamejo
This was my trait I have changed it to And now it works without overriding update content or render children, thanks! I would have never arrived to the conclusion of using the components method. Now i don't like text nodes 😅 I think we ca...
artf
I don't think you need this one target.set('content', value);. For the rest all good 👍
#3307March 3, 2021by neon123453 answers
Is there a single file version of grapesjs that is not minified? It would be nice to have one for bug fixing and quick testing of new features/improvements.
neon12345
It is disappointing that this is just closed. Sure I could change my workflow but why not make it as comfortable as possible for people to contribute?
stljeff1
Would somebody kindly explain how to use the sourcemap? I am having a very difficult time upgrading to the latest grapes version, and need any debugging help I can get. I am importing grapesjs into my Angular/Typescript app. I don't unders...
Ju99ernaut
That's already available, just reference grapesjs.js instead of grapesjs.min.js
#3305March 3, 2021by RaresVlaiduc2 answers
Version: v0.16.41 Are you able to reproduce the bug from the demo? [ ] Yes [x] No What is the expected behavior? When I click on a button, the gjs-pn-active class should be added. Describe the bug detailed I have 3 buttons for 3 different devices (desktop, tablet and mobile). I have them on a top panel and when I clic...
Ju99ernaut
Grapesjs requires your commands to have the run and stop functions for them to toggle panel buttons automatically, so maybe that might be the issue:
kerryj89
@Ju99ernaut Thank you for that. Active state is now working for me when creating devices-c panel through grapesjs.init().
#3304March 2, 2021by SyedHashimShah2 answers
I want to customize the ui of Grapesjs but the js and css files are minified.Please tell me how can I do this? I just want to keep some specific blocks like images,text etc in my interface.
echobinod
Sass is used to generate the minified css files. You can change the style variables from here: src/styles/scss/
artf
@SyedHashimShah https://grapesjs.com/docs/getting-started.html
#3303March 2, 2021by RutujaBadbe3 answers
Hi! I want to display the categories in block manager in certain sequence. I looked into docs and previous issues and found about order attribute. So, I tried setting order attribute. but it is not yet displaying in that order even though order attribute is getting set. Am I missing something? or doing something wrong...
Ju99ernaut
I guess you can make this a feature request, I'm not sure if something like this exists yet in grapesjs. Though the order of the blocks might be easier to manage if you split each category's blocks into different files then load those file...
Ju99ernaut
I think the order in which blocks are added is what determines category order.
RutujaBadbe
@Ju99ernaut hi! Thanks for the reply. yes. At the end I did that. but what if I want to do it dynamically? if there are many blocks, isn't it hard to maintain the order?
#3301March 2, 2021by mmotov1 answer
Version:0.16.41 Are you able to reproduce the bug from the demo? Yes What is the expected behavior? When I'm copying/pasting elements (e.g. text) and making any changes, it should change only the selected element. What is the current behavior? For now, changes applied on all copied elements Are you able to attach scre...
JamieBunyassi
How did you fix this?
#3298March 1, 2021by neon123451 answer
For text placed at the top of the page, component labels can overlap and hide the text while editing. Also the label can overlap the text editing tools when not at the top. Hiding the labels while editing text would avoid this.
RutujaBadbe
You can hide the labels using badgable : false https://grapesjs.com/docs/api/components.html#parameters-3