Checkbox control alignment

Post any questions you have about using the Verj.io Studio, including client and server-side programming with Javascript or FPL, and integration with databases, web services etc.

Moderators: Jon, Steve, Ian, Dave

StuartF
Ebase User
Posts: 14
Joined: Thu Sep 26, 2013 11:35 am

Checkbox control alignment

#1

Postby StuartF » Tue Apr 29, 2014 1:54 pm

Hi, we have a yes / no check box set with horizontal align, However the check boxes sit one above the other (vertically).

I assume this is the default ebase way as all the sample do this? but can they be aligned to sit side by side i.e truly horizontal.

How would we apply some CSS to these inputs as I notice in Chrome that the checkbox is not defined at all
0 x

Jon
Moderator
Moderator
Posts: 1342
Joined: Wed Sep 12, 2007 12:49 pm

#2

Postby Jon » Wed Apr 30, 2014 7:37 am

Should just be a matter of changing the field Alignment property to Horizontal. To style, select the Field Control, click on Control Style, then select the Editor tab.
0 x

StuartF
Ebase User
Posts: 14
Joined: Thu Sep 26, 2013 11:35 am

#3

Postby StuartF » Wed Apr 30, 2014 9:03 am

Jon wrote:Should just be a matter of changing the field Alignment property to Horizontal. To style, select the Field Control, click on Control Style, then select the Editor tab.
Thats what we have done.
it aligns the label and checkbox 1 horizontally but any other checkboxes in the Chkbox list display vertically.
This appears to be how ebase have built them but we have requirement for both checkboxes to be in line

In terms of styling we are using external css to create a responsive branded form so do not want to use custom stying. I have been able to style all the other controls with input ok but this one is proving difficult.
Wondered if anyone has done this in CSS
0 x

StuartF
Ebase User
Posts: 14
Joined: Thu Sep 26, 2013 11:35 am

#4

Postby StuartF » Wed Apr 30, 2014 9:40 am

Essentially a bigger issue is that the checkbox displays and works ok in FF and IE
But in safari and chrome the checkbox itself is not showing just the text label.
I can add a border to the checkbox using css so the checkbox is visible but worse still I cannot make it check in Safari or chrome.
0 x

Jon
Moderator
Moderator
Posts: 1342
Joined: Wed Sep 12, 2007 12:49 pm

#5

Postby Jon » Wed Apr 30, 2014 10:13 am

The checkboxes should all display horizontally if you have alignment Horizontal. This all works fine on my system, including IE, FF and Chrome.

A few questions:
Which Ebase version are you using?
Are you getting any Javascript errors? It might be worth clearing the cache on the browser to force a refresh of the Ebase Javascript.
Do you have any style sheets applied which might be interfering with the display of the page?
0 x

StuartF
Ebase User
Posts: 14
Joined: Thu Sep 26, 2013 11:35 am

#6

Postby StuartF » Wed Apr 30, 2014 11:58 am

I think the problem lies in our responsive layout and external stylesheet.
I need to spend time tracking this down.
0 x


Who is online

Users browsing this forum: No registered users and 6 guests