Premium support for our pure JavaScript UI components


Post by gorakh.nath »

Hi,
I added expander by adding config:-

  collapsible : {
                direction : 'right'
            },
             cls: 'gridHeader',

But after adding Splitter on click of expand/collapse button empty screen is coming.

   new Splitter({
            insertBefore: 'unplannedContainer'
          });

This iss ue coming only after adding splitter, I have attached sample app for reference.

Attachments
expander.zip
(3.42 MiB) Downloaded 36 times
Screenshot 2022-05-25 at 1.30.10 PM.png
Screenshot 2022-05-25 at 1.30.10 PM.png (354.62 KiB) Viewed 180 times

Post by alex.l »

That happens because grid rendered into wrapped div element, and splitter interacts with its width, not the grid inside.
The app needs to be refactored to return Grid itself for UnplannedGrid component and not render it into div.
Also for splitter better to use our React wrapper. I changed your application to make it work. Please check the zip attached.

Attachments
expander.zip
(3.39 MiB) Downloaded 39 times

All the best,
Alex


Post Reply