Align Fields Horizontally in table

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
Locked
User avatar
Kim Jeim
Posts: 31
Joined: Tue Jun 09, 2015

05 Jul 2015

Hi,


We are trying to create a table in a SharePoint list with all the field names collapsed. Everything is in one table, but the date fields seem to be slightly lower (not in line) with the other fields in the table:



I tried to use css to

1) Push the other boxes down slightly (using the margin property in css)

2) Maintain the date fields at 0 margin.



This seems to have worked (picture attached) but then the read only fields do not seem to follow the css I put in (I tried putting extra lines of css just for the .cost class without specifying input type but that does not seem to work either). Here is my CSS:


.cost input[type="text"], .cost select{

width:125px;

margin-top:4px;

}


.date input[type="text"] {

margin-top:0px;

}

What can I do to get everything aligned? Thanks in advance.

User avatar
rostislav
Moderator
Posts: 364
Joined: Mon Oct 19, 2015

06 Jul 2015

Please define a css class for each of your date fields and paste the following css into the css editor (substituting 'className' for your class name)

Code: Select all

.className .ms-dtinput
{
        vertical-align: top;
}

User avatar
Kim Jeim
Posts: 31
Joined: Tue Jun 09, 2015

15 Jul 2015

Thanks that works

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 16 guests