Classes

From SMTX Wiki
Jump to navigation Jump to search

In SSP 6.7, you can set a class for the field label & field itself. This can be used to set a fixed width for each column.


Add your styles to: newstyles.css add them at the bottom, put this comment line above:

   /******************* CUSTOM ****************/

When editing a field, these boxes are to be used:

Below are some examples :

Set width to 200 px:

   .formwidth200
{
width: 200px;
}

Set width = 15 pixels & height = 28 pixels

   .formwidth15height28
{
height:28px;
width:15px;
}


Set width = 400 and no bottom border

  .FormLabel_400_No_Border
{
width:400px;border-bottom: #c8c8c8 0px dotted;
}

Set no bottom border

   .FormLabel_No_Border
{
border-bottom: #c8c8c8 0px dotted;
}

Set bold and no bottom border

   .FormLabel_No_Border_bold
{
border-bottom: #c8c8c8 0px dotted;
font-weight: bold;}


Formlabels BUZA

   .Form_100w_30h_Border_0   {height:30px;   width:100px;border-bottom: #c8c8c8 0px dotted;}
.Form_400w_30h_Border_0 {height:30px; width:400px;border-bottom: #c8c8c8 0px dotted;}
.Form_50w_30h_Border_0 {height:30px; width:50px;border-bottom: #c8c8c8 0px dotted;}
.Form_200w_30h_Border_0 {height:30px; width:200px;border-bottom: #c8c8c8 0px dotted;}



Formlabels Small and borders all the same height

   .formLabel_noBorder_H28_W50   {height:28px;width:50px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 0px dotted;}
.formLabel_noBorder_H28_W100 {height:28px;width:100px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 0px dotted;}
.formLabel_noBorder_H28_W150 {height:28px;width:150px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 0px dotted;}
.formLabel_noBorder_H28_W200 {height:28px;width:200px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 0px dotted;}
.formLabel_noBorder_H28_W250 {height:28px;width:250px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 0px dotted;}



   .formLabel_Border_H28_W50   {height:28px;width:50px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 1px dotted;}
.formLabel_Border_H28_W100 {height:28px;width:100px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 1px dotted;}
.formLabel_Border_H28_W150 {height:28px;width:150px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 1px dotted;}
.formLabel_Border_H28_W200 {height:28px;width:200px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 1px dotted;}
.formLabel_Border_H28_W250 {height:28px;width:250px;border-top: #c8c8c8 0px dotted;border-bottom: #c8c8c8 1px dotted;}


Formlabels Continental

   .FormLabel_No_Border       {     border-bottom: #c8c8c8 0px dotted;  }