Jump to content

UniFileUploadButton rounded


Recommended Posts

Hello,

1 hour ago, Alexandre Storti said:

How do I make the TUniFileUploadButton round like the other buttons in the attached image?

We don't know how you use CSS.

image.png.6f7d506a8a690736a5bae58700710c5e.png

Link to comment
Share on other sites

Posted (edited)

servermodule_customcss_userdef.css:

.Btn_Redondo {
  raio da fronteira : 50% ;
  borda : 0 ;
  preenchimento : 0 ;
  cursor : ponteiro ;
  transição : fundo 0,5s de facilidade de entrada ;
  cor branca ;
  família de fontes : Arial , sem serifa ;  
}


btnFotos.JSInterface.JSCall(' addCls ', [' Btn_Redondo ']);

I'm using it like this. Should this work this way or is something missing?

Edited by Alexandre Storti
Translate to english
Link to comment
Share on other sites

Good morning.
I made the changes as indicated but the TUniFileUploadButton did not have a circular shape. Could I have done something wrong?

In other words, I want the UniFileUploadButton to be in a circular format, what is the best way to do this?


CustomCSS:

Btn_Redondo.x-btn {
  border-radius: 50%;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: background 0.5s ease-in-out;
  color: white;
  font-family: Arial, sans-serif;  
  background: rgb(15, 36, 65)!important;
}

image.png.d12b82eda449d443f14a0d59b7c97d1a.png

Link to comment
Share on other sites

I made a test app, and it worked perfectly on it. The difference I found was the property 'ButtonVisible,' when it's 'false,' it doesn't work. So I understand that the whole problem was only this: the 'ButtonVisible' must be 'true'.

Thank you very much for your help.

image.png.8d867257f2eb475455c494f2a1733c60.png

 

Link to comment
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...