question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No flex option in the side panel

See original GitHub issue

I am using grapesjs plugins to build the side panel options and different elements. I am looking for this flex section in the side panel but there is none.

bd142f9d-2264-4a66-97f2-997fd4c1faee

Is there any option that I need to enable for this any of the following plugins that I am using?

gjs-preset-webpage, grapesjs-lory-slider, grapesjs-tabs, grapesjs-tooltip, grapesjs-custom-code, grapesjs-typed, gjs-blocks-flexbox

I tried adding the customStyleManager in gjs-preset-plugin but that overrides all the default option that this plugin comes with I have to manually write all those options in customStyleManager I don’t want to do that. Please help - thanks!

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
Ju99ernautcommented, Apr 15, 2020

The gjs-preset-webpage plugin by default has no flex section so you have to write your own customStyleManger

0reactions
gunslingorcommented, Aug 25, 2020

Yeah, I figured that out. I guess I was expecting that to be more seamless, i.e. if the preset plugin or loader saw a customStyleManager section, figured it would do any replacing it needed to. The important part is that I understand what, not why I guess.

I mean, it makes me wonder… can I define other things like customStyleManger IN there too and then apply them later like this, I’m not a fan of how the demo defines so much of the actual view in the init, then defines a bunch more of it in separate JS to further modify it… i.e. rather than doing cmdm.add, why can’t their be an command section to the init, that runs after any presets?

Just academic at this point. I need to study the preset project a bit more.

Thanks.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to use Flex Mode on the Samsung Galaxy Z Fold 4
Once you're in Settings, look for Advanced features, then select Labs from the list of options. Flex mode panel is found at the...
Read more >
Basic concepts of flexbox - CSS: Cascading Style Sheets | MDN
Items display in a row (the flex-direction property's default is row ). · The items start from the start edge of the main...
Read more >
How can I have a position: fixed; behaviour for a flexbox sized ...
A far simpler solution would be to use overflow-y:scroll and height: 100vh on the main-el container. This will give the appearance of fixed...
Read more >
Side B pillar panel coming off body! - Ford Flex Forum
The thin side panel (between the drivers door and the passengers door (behind the driver) is coming off the body of my Flex....
Read more >
A Complete Guide to Flexbox | CSS-Tricks
Note that CSS columns have no effect on a flex container. ... flex items within a flex container demonstrating the different spacing options....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found