I am running Apex 5.0.1.00.06
I am using theme 42
I have a page with a text field and button. Text field label is in column 1, actual text field box is in column 2, and button is is column three. The text field is set to Disabled. When the button is clicked the page is refreshed and toggles to the other potential value.
I all looks "OK" but not professional. Because the text field is only four characters wide (it is a year) and then there is a large gap before the button. I have tried several things and I have found a few solutions but hoping to find a solution that is more built in. Here's what I've tried.
I set the button to not begin on a new line and not to be in a new column but that puts it below the next field.
There is a plugin that allows you to put a button right after a text field but then the text field and button look different than the other text fields and buttons on the page.
I can do it via javascript but then when someone comes into the page, the page item will not be an actual page item. It will be embedded in the page source.
I also tried creating a sub region within the parent region but then the first item (the text field) doesn't line up with the items above and below because it is squishing 12 columns into 2 from the parent. And then I created another region just to the right of it for just the button. It looks sort of acceptable but still not very professional.
I did use the t-Form-inputContainer css class so that the vertical alignment looked right. But now I want to fix it so that there is about 5px after the text field box, then the button starts. Is there a way to do this built in? If not, what is the easiest way to do this?
Thanks