zanona Posted July 4, 2018 Share Posted July 4, 2018 How to change the color of the button? In the web version I use the css below, but on the mobile does not work? function beforeInit(sender, config) { config.cls='btAzul'; } .btAzul { width:120px; height:30px; background: #1E90FF; border: 5px solid #1E90FF; /* borda branca em volta */ margin: auto; /* centraliza com bordas automáticas nas laterais */ text-align: center; /* centraliza o texto */ font-family: Source Sans Pro; /* fonte */ font-size: 16px; /* tamanho da fonte */ color: #1E90FF; /* cor fonte */ border: 1px solid #ccc; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); } Link to comment Share on other sites More sharing options...
zanona Posted July 4, 2018 Author Share Posted July 4, 2018 Version 1464 Link to comment Share on other sites More sharing options...
Sherzod Posted July 4, 2018 Share Posted July 4, 2018 Hi, Can you check it again? Maybe you missed something Link to comment Share on other sites More sharing options...
zanona Posted July 4, 2018 Author Share Posted July 4, 2018 I also tried using the event below to change the color and it did not work! function painted(sender, eOpts) { sender.addCls('btAzul'); } Link to comment Share on other sites More sharing options...
fcarvalho4 Posted July 5, 2018 Share Posted July 5, 2018 you must use the ExtEvent - added function added(sender, container, pos, eOpts) { sender.addCls('btAzul'); } Link to comment Share on other sites More sharing options...
zanona Posted July 5, 2018 Author Share Posted July 5, 2018 Did not work! Link to comment Share on other sites More sharing options...
Sherzod Posted July 5, 2018 Share Posted July 5, 2018 Hi, Please, can you attach screenshots, how it looks on the desktop and mobile? Link to comment Share on other sites More sharing options...
zanona Posted July 5, 2018 Author Share Posted July 5, 2018 Follow mobile and web example! Web switches color Mobile does nothttp://ge.tt/5wh3PSq2 Link to comment Share on other sites More sharing options...
zanona Posted July 9, 2018 Author Share Posted July 9, 2018 Did you understand the examples? Link to comment Share on other sites More sharing options...
Sherzod Posted July 10, 2018 Share Posted July 10, 2018 Hi, Did you understand the examples? Sorry for delay I couldn't to download the file from the link above Please attach here Link to comment Share on other sites More sharing options...
zanona Posted July 10, 2018 Author Share Posted July 10, 2018 How do I attach in the post? Link to comment Share on other sites More sharing options...
Sherzod Posted July 10, 2018 Share Posted July 10, 2018 How do I attach in the post? "More Reply Options" button... Link to comment Share on other sites More sharing options...
zanona Posted July 10, 2018 Author Share Posted July 10, 2018 Follow! Link to comment Share on other sites More sharing options...
zanona Posted July 10, 2018 Author Share Posted July 10, 2018 Follow! btnmobile.zip Link to comment Share on other sites More sharing options...
zanona Posted July 11, 2018 Author Share Posted July 11, 2018 Did you understand the examples? Link to comment Share on other sites More sharing options...
zanona Posted July 16, 2018 Author Share Posted July 16, 2018 Did you understand the examples? Link to comment Share on other sites More sharing options...
zanona Posted April 30, 2019 Author Share Posted April 30, 2019 I upgraded to version 1.50.0.1481 and still could not change the color of the TUniMButton button! Is this possible? Link to comment Share on other sites More sharing options...
mikromundo Posted July 19, 2019 Share Posted July 19, 2019 I have the same issue... with THEME MATERIAL changes.. but TRITON( mobile ) do not change... Link to comment Share on other sites More sharing options...
freedowsRoO Posted August 6, 2019 Share Posted August 6, 2019 UP! I'm having the same problem. UNIGUI 1.90 Here. I checked in google chrome and the CSS appears in button code but the color not change. Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted August 6, 2019 Share Posted August 6, 2019 On 7/10/2018 at 7:00 AM, zanona said: Follow! btnmobile.zip Please change .btAzul to .btAzul .x-inner-el in CustomCss 2 Link to comment Share on other sites More sharing options...
freedowsRoO Posted August 6, 2019 Share Posted August 6, 2019 2 hours ago, Hayri ASLAN said: Please change .btAzul to .btAzul .x-inner-el in CustomCss did not work. The background button color still not changing. UNIGUI Mobile 1.90 function added(sender, container, pos, eOpts) { sender.addCls('bntLogin'); } .bntLogin { background:#1892d1 !important; color:#fff !important; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted August 6, 2019 Share Posted August 6, 2019 11 minutes ago, freedowsRoO said: did not work. The background button color still not changing. UNIGUI Mobile 1.90 function added(sender, container, pos, eOpts) { sender.addCls('bntLogin'); } .bntLogin { background:#1892d1 !important; color:#fff !important; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } Please check that example. It is working on that. Please send me your test case that i can work on it 1 Link to comment Share on other sites More sharing options...
freedowsRoO Posted August 6, 2019 Share Posted August 6, 2019 16 minutes ago, Hayri ASLAN said: Please check that example. It is working on that. Please send me your test case that i can work on it Yep, i already checked the example. btnmobile.rar Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted August 6, 2019 Share Posted August 6, 2019 31 minutes ago, freedowsRoO said: Yep, i already checked the example. btnmobile.rar Please change .x-button to .x-button .x-inner-el in servermodule.customcss 2 Link to comment Share on other sites More sharing options...
freedowsRoO Posted August 6, 2019 Share Posted August 6, 2019 24 minutes ago, Hayri ASLAN said: Please change .x-button to .x-button .x-inner-el in servermodule.customcss Thanks..... =] Link to comment Share on other sites More sharing options...
Recommended Posts