Некорректно работает border-radius для unimPanel

[x11]

Как видно по снимку, обрезаются нижние углы.

На втором снимке - свойства панели.

CustomCSS:

.pnlRoundBorder2 {
    border-radius: 10px;
}

Подскажите, что я делаю не так.

Спасибо.

[Sherzod]

21 hours ago, x11 said:

Подскажите, что я делаю не так.

Добрый день,

Используйте bodyCls (beforeInit), а не cls. 

[x11]

11 minutes ago, Sherzod said:

Используйте bodyCls

Не совсем правильно получается, теперь другие углы загруглились

 

function beforeInit(sender, config)
{
  config.bodyCls='pnlRoundBorder2';
}

 

[Sherzod]

4 minutes ago, x11 said:

теперь другие углы загруглились

Ну и правильно, когда Вы используете:

border-radius: 10px;

Тогда попробуйте использовать:

.pnlRoundBorder2 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
}

 

[x11]

теперь верхние не загруглены

[Sherzod]

7 minutes ago, x11 said:

теперь верхние не загруглены

Тогда в cls добавьте правила для "верхних" углов.

[Sherzod]

Или же использовать headerCls.

[x11]

Наконец-то получилось.
 

.pnlRoundBorder2 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pnlRoundBorder3 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

 

[x11]

function beforeInit(sender, config)
{
  config.headerCls='pnlRoundBorder3';
  config.bodyCls='pnlRoundBorder2';
}

спасибо