How to prevent red color in splitter bar when min width is set

[DivyaArunParticipant]

Hi,

I have a vertical splitter between 2 panels. Min width being set for each.
$(‘#mainSplitter’).jqxSplitter({ width: 850, height: 430, orientation: ‘vertical’, panels: [{ size: 240, min: 160 }, { min: 450, size: 600 }] });

On dragging the splitter to min width, we can see a red color highlighted in the splitter bar. How can we resolve that? In the demos of jqwidgets too, I have seen this issue.
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/defaultfunctionality.htm?dark

This issue is not noticed when min value is not set. Please help!!

Thanks,
Divya

• This topic was modified 4 years, 6 months ago by  DivyaArun.

[Peter StoevKeymaster]

Hi DivyaArun,

That color is defined in the jqx.base.css CSS file. You can edit it, if you wish.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[DivyaArunParticipant]

Hi,

Can you tell me which property it is?

I tried updating here. But that doesn’t work.
.jqx-layout-resize-feedback-warning
{
border-color: #800000 !important;
background-color: red!important;
}

Divya

[Peter StoevKeymaster]

Hi DivyaArun,

You should search for Splitter, not for Layout when you search for Splitter related CSS.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts