#2041May 28, 2019by EthanM111221 answer
Hi, While reading the licencing requirements for this project and also grapesjs-preset-newsletter project the licence states that the disclaimer must be referenced/included in the output source/binary files. To meet this need should the source js not include a reference similar to this example, or have I misinterprete...
artf
While reading the licencing requirements for this project and also grapesjs-preset-newsletter project the licence states that the disclaimer must be referenced/included in the output source/binary files. I think that sentence might be a su...
#2026May 21, 2019by alikabeer322 answers
I would like to provide an option for the css function translate(x,y) but the addProperty parameter functionName accepts only one parameter as input. I tried to use translateX() and translateY() but they don't work simultaneously. I'd be grateful if someone could maybe tell me some other method to get the desired effe...
adamyarger
@alikabeer32 I ran into the same problem before, you have to set the defaults value for translateY and translateX since the transform property in css is shared across both translateX and translateY. for example grapes outputs transform: tr...
alikabeer32
Yes! It was the perfect solution. Thank you !
#2022May 17, 2019by shaunc8692 answers
Hi! I have a question, I searched but couldn't find an answer, is there a component that pulls in an RSS feed and formats it on the page. MailChimp and Campaign Monitor do this, here is an example feed: http://www.homecaredaily.com/feed/ I realize some of this is done server side, but just looking to see if anyone has...
artf
Hi Shaun, I think it should not be that complex to implement if you read how Components and Traits work. It should be something like this (take it as a pseudo-code): then add a block to let users drag it in the canvas
shaunc869
This is amazing, thank you so much!
#2019May 17, 2019by fillipi12 answers
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#1979April 25, 2019by 3dmedium3 answers
I'm using this great Library for Editing only Parts of Pages. I mainly design Compontens ready to use on the Page and when using the style Manager it allways should only take effect to only the selected Elements, not its classes. So at the Moment I allways have to deselect calsses and edit. Is it possible to add an Op...
artf
You can make use of selector:add event
3dmedium
Thanks for the Solution. This is rather easy.
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#1936April 2, 2019by artf3 answers
Hi guys, this issue is an overview of what is it, what is done, what to do and nice-to-have to complete the Designer Mode feature.Preface So let's start by describing what is it and what is the goal of this feature. The Designer mode should allow the user to drag components freely around the canvas, without HTML fixed...
artf
Quick update, from the https://github.com/artf/grapesjs/releases/tag/v0.15.3 you can start using these new Drag Mode APIconfig.dragMode - The initial configuration for the global drag modeeditor.setDragMode - change the global drag mode of...
artf
@simplecommerce When clicking on device modes, if using absolute positioning, would create the styles only for that mode, it would make it easier to build responsive pages, as you could toggle between the device modes and position your ele...
artf
@sunhillbd yes, but probably it's my fault for not being totally clear about the point. Basically, what you see in the demo is an example of mixing static position with absolute one, when you click on the drag icon you detach the component...
#1933April 1, 2019by Fi1osof3 answers
You're submitting a FEATURE REQUEST Good day! Can you create CANVAS view with render without iframe? For render editor directly into some HTML-node.
artf
Can you create CANVAS view with render without iframe? No, iframes allow us to keep CSS isolated and trigger media queries, there is no reason for us to find a way to not using themFor render editor directly into some HTML-node. Just rende...
Fi1osof
It's a pity. I partially redid it without a frame, but did not fully achieve the result. In the case of a frame, the rendering of the react components breaks down. I had to write my own component. But now with component rendering everythin...
Lakshit-Singhal
It's a pity. I partially redid it without a frame, but did not fully achieve the result. In the case of a frame, the rendering of the react components breaks down. I had to write my own component. But now with component rendering everythin...
#1890March 13, 2019by MACscr2 answers
I want to create my own dragging and placement abilities. I love grapesjs, but really want more control over how dragging elements work in the editor area. Is there a way to disable the built in method so that I can create my own? I know the designer mode is on the roadmap, but I need the feature now, so I am going to...
artf
Well, for the component itself, when you click on move icon, it runs the tlb-move command so you can actually overwrite it by adding a new one with the same ID, but unfortunately there is no easy way to change the drag behaviour of blocks....
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#1877March 11, 2019by jwilson-lyonscg3 answers
Currently, all the style manager values that you change for an element simply update a <style> tag inline in the HTML. Is it possible to change this behavior so that changing the CSS values adds or removes custom classes to the element? A good reason for this is Bootstrap 4. 99% of Bootstrap customization involves sim...
artf
It's already possible with Classes section (you can remove/toggle/update them)
jwilson-lyonscg
Have you considered that the potential target audience for such a tool (think eCommerce merchandisers) has no idea what "classes" are in HTML and would be able to greatly benefit from having simple dropdown menus to choose from predefined...
artf
Have you considered that the potential target audience for such a tool (think eCommerce merchandisers) has no idea what "classes" are in HTML and would be able to greatly benefit from having simple dropdown menus to choose from predefined...
#1843February 28, 2019by coder-strange3 answers
I'm trying to apply a class on hover of a component and the class is being applied but not on hover, it applies with normal state. Please let me know if I'm looking into right feature or I misunderstood the feature. PLNKR : https://plnkr.co/edit/Est6AnnGInBa3yvhzCvm?p=preview I don't see anything in CSS or HTML itself...
NicoEngler
I have just checked and can confirm that it also works in your example. First add a class to your component, e.g. .text-blue-on-hoverNext, select the state you want to modify, e.g. hoverNow for instance change the color of the text to blue...
coder-strange
Now I get that, it works perfectly fine, I just didn't know that how it works. Thanks @NicoEngler for you this fast reply and clearing me out :)
NicoEngler
The class is applied regardless of the components state. Based on that, you can select a state, e.g. hover and style your class in that particular state. Effectively the following css will be created if you select the state hover and color...