Jump to content

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


x11

Recommended Posts

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

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

 

Screenshot_17.jpg

Link to comment
Share on other sites

1 hour ago, x11 said:

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

CustomCSS:

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

UnimButton.LayoutConfig.Cls = borderBtn

  • Like 1
Link to comment
Share on other sites

  • 5 months later...

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

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

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), а в мобильном никак не хочет.

Link to comment
Share on other sites

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;

Link to comment
Share on other sites

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;

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

Link to comment
Share on other sites

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. Пожалуйста, прикрепите тестовый случай.

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

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

 

Screenshot_2.jpg

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...