How to select and update the CSS for an item in the left sidebar.

[tuthanhoancanh012]

Currently, I have to use the parent className, add it to the LeftPanel_Content, and apply CSS to each item based on its index.

Is there any easier approach?
Because whenever I add new items to the left sidebar or need to update their positions in the layout, I always have to update my CSS selectors.

For example, can they be set up while defining a custom component?

const myCustom= define(MyCustom, 'myCustom')
  .name('Custom Section', {
    // example
    className:'custom-section',
    style:{ 
      background: 'red'
    },
    disabled: true
  })

[cherepanov]

@tuthanhoancanh012

We are currently working on adding static CSS classes for the designer components, which will include the components section with static class for each group and component.

This change is planned for the next release.

[tuthanhoancanh012]

I noted on this. Thank you so much.

[cherepanov]

@tuthanhoancanh012

We've released FormEngine 3.1.0 featuring static CSS classes for the component palette.

Please review the updated documentation:
https://formengine.io/documentation/designer-customization#components-palette

Let us know if this update suits your needs or if you have any questions. We’d be happy to assist!