Group box icon place change

0
When i make Group box as collapsible it shows default +/- in the end of title row. Is it possible to bring this +/- next to title?
asked
2 answers
1

you can do this with css. If you open up the sass file called "_groupbox.scss" , you can see the style for the icon. You can add a custom class or change the existing one (this will change all groupboxes).

 

custom class:

.mx-groupbox-custom {
    > .mx-groupbox-header {
        .mx-groupbox-collapse-icon {
            float: left; 


        }
    }

answered
1

Hello Sowmya,

The icon is inside a <LI> element in the <H2> title. It has the styling:

.mx-groupbox-collapse-icon {

float: right;

}

You can change this to 'left' with your custom.css and play around with the margin/padding a bit to position it as you wish.

Kind regards,

Bas

answered