pflam Posted September 27, 2019 Share Posted September 27, 2019 Hi, In design, the button height and caption is : However, look different when show in mobile. How to change the vertical alignment of the caption? thank you. Link to comment Share on other sites More sharing options...
Sherzod Posted September 27, 2019 Share Posted September 27, 2019 1 hour ago, pflam said: However, look different when show in mobile. Hi, Which build are you using? Can you please make a simple testcase for this? Link to comment Share on other sites More sharing options...
pflam Posted September 28, 2019 Author Share Posted September 28, 2019 Hi Sherzod, I am using 1.90.0.1508 ButtonRadio.zip In the test exe, I also face some problem in Radio. 1) Check the first radio as default. 2) the caption is not aligned vertical center. 3) the color of circle box thank you. Link to comment Share on other sites More sharing options...
Sherzod Posted September 28, 2019 Share Posted September 28, 2019 Hi, Thanks for the testcase, we will check. Link to comment Share on other sites More sharing options...
Sherzod Posted September 28, 2019 Share Posted September 28, 2019 On 9/27/2019 at 2:38 PM, pflam said: How to change the vertical alignment of the caption? Hi, One of the possible solutions. For UnimButton. 1. CustomCSS: .customAlign .x-inner-el { line-height: normal; } 2. UnimButton.LayoutConfig.Cls = customAlign Link to comment Share on other sites More sharing options...
Sherzod Posted September 28, 2019 Share Posted September 28, 2019 3 hours ago, pflam said: 2) the caption is not aligned vertical center. UnimRadio.ClientEvents.ExtEvents -> function added: function added(sender, container, index, eOpts) { var labelEl = sender.labelElement; if (labelEl) { labelEl.setStyle('line-height', sender.getHeight()+'px'); labelEl.setStyle('padding-top', '0px'); } } Link to comment Share on other sites More sharing options...
Sherzod Posted September 28, 2019 Share Posted September 28, 2019 4 hours ago, pflam said: 1) Check the first radio as default. function added(sender, container, index, eOpts) { var labelEl = sender.labelElement; if (labelEl) { labelEl.setStyle('line-height', sender.getHeight()+'px'); labelEl.setStyle('padding-top', '0px'); } if (sender.config.checked) { sender.setChecked(true) } } Link to comment Share on other sites More sharing options...
Sherzod Posted September 28, 2019 Share Posted September 28, 2019 4 hours ago, pflam said: 3) the color of circle box Please explain in more detail. Link to comment Share on other sites More sharing options...
pflam Posted September 30, 2019 Author Share Posted September 30, 2019 On 9/28/2019 at 3:28 PM, Sherzod said: Please explain in more detail. thank you for your help. The radio button is not clear after i change the background color to gray. Is it possible to change the color of 'Dot'? or the color of 'Ring'? Link to comment Share on other sites More sharing options...
Sherzod Posted September 30, 2019 Share Posted September 30, 2019 1 hour ago, pflam said: The radio button is not clear after i change the background color to gray. How can I reproduce this? Can you make a simple testcase? Link to comment Share on other sites More sharing options...
pflam Posted October 1, 2019 Author Share Posted October 1, 2019 Hi Sherzod, you can use the above exe (ButtonRadio.zip), then change MainmForm > Color = clMedGray. Thank You. Link to comment Share on other sites More sharing options...
pflam Posted October 1, 2019 Author Share Posted October 1, 2019 Hi Sherzod, Button Demo1001.zip the above zip is the testcase. 1) The mButton still cannot show properly. 2) The mEdit also cannot show properly. the height of the box is not the same. 3) The mRadio button is not clear after i change the background color to gray. Is it possible to change the color? Thank You. Link to comment Share on other sites More sharing options...
Sherzod Posted October 1, 2019 Share Posted October 1, 2019 9 minutes ago, pflam said: Button Demo1001.zip the above zip is the testcase. Hi, I will check. Thanks. Link to comment Share on other sites More sharing options...
Sherzod Posted October 1, 2019 Share Posted October 1, 2019 21 minutes ago, pflam said: 1) The mButton still cannot show properly. .customAlign .x-inner-el { line-height: normal; padding-top: 0 !important; } Link to comment Share on other sites More sharing options...
pflam Posted October 2, 2019 Author Share Posted October 2, 2019 Hi Sherzod, 23 hours ago, Sherzod said: .customAlign .x-inner-el { line-height: normal; padding-top: 0 !important; } it works. thanks. Link to comment Share on other sites More sharing options...
Recommended Posts