Jump to content

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


Recommended Posts

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

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

 

Screenshot_17.jpg

Link to post
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 post
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 post
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 post
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 post
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 post
Share on other sites

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

  • Upvote 1
Link to post
Share on other sites

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

Link to post
Share on other sites

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

Link to post
Share on other sites

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

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

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

 

Screenshot_2.jpg

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...