Learn more from guides & API docs
Catch up with the latest on the blog
Try our many live demos
View webinars
Find answers or ask questions
Docs & demos for Angular
Docs & demos for React
Docs & demos for Vue
Premium support for our pure JavaScript UI components
Post by turina » Thu Dec 08, 2022 6:08 pm
Dear support, I'm looking for a way to customize the bryntumsplitter in a specific page. Mainly I want to reduce its size. What would be to easiest way to do so? Thanks for your help
BR
Post by tasnim » Fri Dec 09, 2022 6:35 am
Please check this https://bryntum.com/products/gantt/docs/api/Core/widget/Splitter#config-width
Post by turina » Fri Dec 09, 2022 4:53 pm
thanks. I'm struggling to make it work in react. I tried:
<BryntumSplitter layout={{ width: 2 }} />
and
<BryntumSplitter width={2} />
with no success. Can you give me a working example in react please?
Post by tasnim » Mon Dec 12, 2022 7:38 am
Hi, Sorry for the late reply
You could use this CSS for the width
.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) .b-grid-splitter-inner { width: 9px; }