Page 1 of 1
button control style
Posted: Tue Jan 21, 2014 2:30 pm
by odaata
Hello,
I'm adding buttons using the CSS oxygen extensions, but the buttons are all being placed above the other controls in the same element. Is there a CSS style or setting somewhere to lay them out on the same level as other controls? I've tried setting vertical align and it has no effect...
Thanks in advance for your help!
Re: button control style
Posted: Tue Jan 21, 2014 4:19 pm
by alex_jitianu
Hi,
I'm not sure how your CSS looks like but with the small CSS below the buttons are indeed placed higher than other form controls and the
vertical-align property has no effect on them.
Code: Select all
para:before {
content:
"TEST"
oxy_textfield(edit, '@bla')
oxy_button(actionID, 'insert.table', transparent, true)
}
I've added an issue to investigate and correct this behavior. Unfortunately the fix will probably not make it in the next minor version 15.2 (which will be released shortly). In version 15.2 you will be able to use a workaround though. You will be able to tell a button to also present the name of the action:
Code: Select all
para:before {
content:
"TEST"
oxy_textfield(edit, '@bla')
oxy_button(actionID, 'insert.table', transparent, true, showText, true, showIcon, true)
}
When the name is presented the button will be placed correctly. You can use a Zero Width No-break Space
(U+FEFF) as the name of the action to keep the button placed correctly but not see any text.
Best regards,
Alex
Re: button control style
Posted: Tue Jan 21, 2014 4:42 pm
by odaata
OK, I'll give that a try with version 15.2. Until then, we can live with the buttons being a bit out of alignment. I thought I might have missed a setting somewhere...
Thanks!
Re: button control style
Posted: Tue Jan 21, 2014 6:24 pm
by odaata
BTW... I noticed in playing around with the vertical-align property that when it's set, the default padding that exists around the controls disappears. Setting the padding property then allows you to add padding back in, but I don't think this is behaving as designed. If not, you might want to take a look at how whitespace is rendered around form controls with no vertical-align property set.
Re: button control style
Posted: Fri May 23, 2014 2:20 pm
by Radu
Hi,
Oxygen 16.0 was released a couple of days ago and we added some fixes in it to properly compute the baseline for form control buttons + obey the vertical align set to them.
Regards,
Radu