Customize navigation bar in UnimDBGrid

[likemike]

Hello!

I want to change some simple properties in the navigation bar of an UnimDBGrid:

I want to change the font color, background color, height of the bar and the font size.

I've tried some CSS with .x-scroller and .x-nativescroller, but that had no effect.

Any help would be appreciated!

Mike

[Sherzod]

Hello,

1 hour ago, likemike said:

I want to change the font color, background color, height of the bar and the font size.

Please mark on the screenshot.

[likemike]

[Sherzod]

Ok.

[Sherzod]

On 9/2/2023 at 4:59 PM, likemike said:

You can try this approach:

1. UnimDBGrid.ClientEvents.ExtEvents ->

function painted(sender, eOpts)
{
    var slider = sender.down('sliderfield');
    if (slider && slider.labelTextElement) {
        slider.labelTextElement.addCls('customSlider');
        slider.bodyElement.addCls('customSlider');
        slider.labelElement.addCls('customSlider');
        slider.setHeight(50);
    }
}

2. CustomCSS ->

.customSlider {
  font-size: 24px;
  color: white;
  text-align: center;
  width: 100%;
  display: inline-block;
  background-color: green;
}

.customSlider .x-label-text-el {
  top: 50%;
  line-height: 0;
  position: sticky;
} 

 

[likemike]

Hello Sherzod!

Works perfect. I wish I could do it by myself!