Align Fields Horizontally in table

rss

Posted by tjon.kim - Jul 5 ’15 at 11:08

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. Custom form
  • rostislav
    rostislav
    Moderator
    Member for: 6 years 6 months 24 days
    #1 by rostislav Jul 6 ’15 at 10:40

    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)

    .className .ms-dtinput
    {
            vertical-align: top;
    }
    
  • rostislav
    rostislav
    Moderator
    Member for: 6 years 6 months 24 days
    #2 by rostislav Jul 6 ’15 at 10:41

    The message was removed by a forum moderator.

  • tjon.kim
    Member
    Member for: 6 years 7 months 13 days
    #3 by tjon.kim Jul 15 ’15 at 08:58

    [#1]:

    Thanks that works

  • tjon.kim
    Member
    Member for: 6 years 7 months 13 days
    #4 by tjon.kim Jul 15 ’15 at 08:58

    [#1]:

    Thanks that works

Displaying 1 to 4 of 4 messages