Other Controls

You can change style for HTML elements of controls other than Form, Base Form, Panel Form, and Tabs using CSS classes.

Prefix the Custom Style Identifier of a control with the CSS Class name to apply the style to the specific control. For example:

/* Text1 is the Custom Style Identifier of the Text control. */

.Text1_skvm

Example

/* Set the control label area to 100 pixels and use the remaining pixels for the control. */

/* Label Styles */

.skfl

{

 width: 100px;

}

/* Control Styles */

.skffb

{

 width: calc(100%-100px);

}

The default width and padding between the controls is 50px and 5px respectively. You can reduce the width and padding using CSS classes.

/* Decrease space from 50px to 20px and padding from 5px to 1px.*/

.skctr

{

   min-height: 20px;

   padding: 1px;

}

Note: Suffix your CSS declarations with !important to ensure it takes precedence over normal declarations.