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...
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
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.
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.
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...
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...
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.
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...
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...
Hi and thank's for your job ! It's possible to make traits under cateogories like blocks ? If it's possible, maybe use the Category object like the BlockManager ? Categories on BlockManager work fine, so if TraitManager add the same system of category, it's perfect ! What it's the best method for you for implements th...
artf
Will be available in the next release, Thanks @amirrahmani76 for the PR ❤️