2. ASPRunnerPro General questions
  3. [SOLVED]  Advanced Search Form Labels - Align Right?
This topic is locked
[SOLVED]

 Advanced Search Form Labels - Align Right?

 		11/18/2014 05:30:23
ASPRunnerPro General questions
acaruson author

Here's a stumper. Anyone have any ideas?
I've been looking for a good way to align the labels (only) in every "Advanced Search" form. Again, just the labels. Not the other elements.

I know the following CSS doesn't work when added to the Custom CSS section in Style:
.rnr-brickcontents.style1.rnr-b-srchfields td {

text-align: right;

}
The problem is...drop down menues, etc get aligned right too.

Sure, I could manually align each label right. However, if I reset the form, I have fix each label again. Add a new form, same thing.
Anyone have any ideas on how to align JUST THE LABELS to the right on Advanced Search forms?
Sergey Kornilov admin 11/18/2014
.rnr-brickcontents.style1.rnr-b-srchfields td:first-of-type {

text-align: right;

}
acaruson author 11/19/2014


.rnr-brickcontents.style1.rnr-b-srchfields td:first-of-type {

text-align: right;

}



So the "first-of-type" is what's needed to ensure labels align right...and not drop down controls and other elements?
acaruson author 11/20/2014



So the "first-of-type" is what's needed to ensure labels align right...and not drop down controls and other elements?


So, for most of my projects now, I add the following little collection of custom CSS:
.rnr-gridfieldlabel {

text-align: center !important;

white-space:nowrap;

}
.rnr-toprow {

text-align: center !important;

white-space:nowrap;

}
.rnr-label {

text-align: right !important;

white-space:nowrap;

}
.rnr-b-printheader {

font-size:large !important;

font-weight:bold;

}
.rnr-brickcontents.style1.rnr-b-srchfields td:first-of-type {

text-align: right;

white-space:nowrap;

}
.rnr-brickcontents.style1.rnr-b-viewfields td:first-of-type {

text-align: right;

white-space:nowrap;

}
.rnr-brickcontents.style1.rnr-b-changefields td:first-of-type {

text-align: right;

white-space:nowrap;

}
.rnr-brickcontents.style1.rnr-b-loginfields td:first-of-type {

text-align: right;

white-space:nowrap;

}
.saveEditing {

color:green;

}
.revertEditing {

color: red;

}