You are viewing limited content. For full access, please sign in.

Question

Question

Time Field Display in Table

Forms
Updated May 10, 2017
asked on May 9, 2017

I'm using Forms 10.2 and have added a time field to a table.  The time field displays on two lines when in a table.  Outside of a table the AM/PM drop-down displays beside the time picker.  Why does it display on two lines when in a table and what CSS is required to fix it?  Thanks.

0 0

Answer

SELECTED ANSWER
replied on May 9, 2017

Hi Rob,

If you want the drop-down to be displayed on the same line, you can use CSS as following:

td > .cf-field > .hasTimePicker,
td > .cf-field > .cf-date-field-time > .cf-large > .hasTimePicker {
	width: 75%;
}
td > .cf-field > .timepicker-type-dropdown,
td > .cf-field > .cf-date-field-time > .cf-large > .timepicker-type-dropdown {
	margin: 0 8px;
	display: inline-block;
	width: auto;
}

 

1 0
replied on May 10, 2017

Thanks a lot Rui.  I'd have fought with the CSS for quite a while without your help.  The default display on 2 lines when in a table isn't great.  I hope the timepicker control improves with the next release.

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...