touch TunimButton - не работает border-radius

[x11]

Какое-бы я число не ставил, углы кнопки не закругляются

.btnSaveContactForm {
	margin: 20px 30px;
	border-radius: 20000px;
}

 

[Sherzod]

1 hour ago, x11 said:

Какое-бы я число не ставил, углы кнопки не закругляются

CustomCSS:

.borderBtn .x-inner-el {
    border-radius: 10px;
}

UnimButton.LayoutConfig.Cls = borderBtn

[x11]

7 minutes ago, Sherzod said:

.x-inner-el

спасибо, это помогло

[Kenneth]

А у меня почему то не работает. Дельфи и версия фреймворка последней версии. 

Создаю в рантайме кнопки, при создании использую вот такой код:
 

btn.ClientEvents.UniEvents.Values['beforeInit']:='function(sender, config){ config.cls="btnborder";}';
 btn.JSInterface.JSConfig('cls',['btnborder']);

CustomCSS:

.btnborder .x-inner-el{
border-radius: 20px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

P.S. В десктопном браузере работает (без .x-inner-el), а в мобильном никак не хочет.

[Sherzod]

1 hour ago, Kenneth said:

Создаю в рантайме кнопки, при создании использую вот такой код:

Как Вы создаете?

[Kenneth]

On 12/6/2020 at 6:03 AM, Sherzod said:

Как Вы создаете?

with TUnimButton.Create(UnimScrollBox1) do
    begin
     ClientEvents.UniEvents.Values['beforeInit']:='function(sender, config){ config.cls="btnborder";}';
     JSInterface.JSConfig('cls',['btnborder']);
     Parent:=UnimScrollBox1;
     Align:=alLeft;
    end;

[Sherzod]

2 hours ago, Kenneth said:

with TUnimButton.Create(UnimScrollBox1) do
    begin
     ClientEvents.UniEvents.Values['beforeInit']:='function(sender, config){ config.cls="btnborder";}';
     JSInterface.JSConfig('cls',['btnborder']);
     Parent:=UnimScrollBox1;
     Align:=alLeft;
    end;

Присвойте имя. 

[Kenneth]

11 minutes ago, Sherzod said:

Присвойте имя. 

Ничего не меняется. Также.

[Sherzod]

8 hours ago, Sherzod said:

with TUnimButton.Create(UnimScrollBox1) do
    begin
     ClientEvents.UniEvents.Values['beforeInit']:='function(sender, config){ config.cls="btnborder";}';
     JSInterface.JSConfig('cls',['btnborder']);
     Parent:=UnimScrollBox1;
     Align:=alLeft;
    end;

OK. Пожалуйста, прикрепите тестовый случай.

Для меня работает без проблем. 

[Kenneth]

@Sherzodспасибо за ответ. В тестовом у меня тоже сработало, а в рабочем не хочет. Буду разбираться из-за чего, как разберусь отпишусь о причине.

[x11]

12 hours ago, Kenneth said:

config.cls="btnborder";

может здесь попробовать одинарные кавычки?

[Kenneth]

Проблема была в MainModule.TouchTheme. Данные стили срабатывают только если стоит тема triton, то что по умолчанию. Если поставить другую тему, то стили уже не работают. Возможно ли реализовать стиль при любых темах?

[x11]

вот тема neptune и iOS

[Kenneth]

@x11 не могли бы показать custom.CSS как у вас прописан?

[x11]

Если говорить о моих снимках выше, то там я просто указал round в свойстве UI у кнопок TUnimToolButton.

[x11]

на счет TunimButton, вот такой код

.btnSaveContactForm .x-inner-el{
	
	border-radius: 10px;
}

и в свойстве unimButton1.LayoutConfig.Cls прописано у меня btnSaveContactForm