ComboStrap UI Styling

Styling in ComboStrap is the possibility to render every component as you wish.

ComboStrap has three levels of styling:

• the bootstrap stylesheet level - bootstrap standard theme
• the user stylesheet level - a stylesheet with custom rule to tune the styling precisely
• the attribute level - inline css customization
  • standard - a set of the most important attributes to quickly style any components.
  • and advanced which let's you use the full power of HTML and CSS.

ComboStrap is based on Bootstrap and comes with pre-packaged stylesheets. You can even create and install your own bootstrap stylesheet.

Strap Styling - StyleSheet

This functionality gives the possibility to the web designer to create their own CSS rules in a custom stylesheet in order to tune the theme exactly to their needs.

More see Styling - User stylesheet (userstyle.css)

The standard attributes are:

• Dimension (Width and height) - Take control of the space
• Align - Align your component and their text as you wish
• Spacing - Master your layout at the pixel-perfect details
• Color - Text, Border and Background color made easy with name and declarative gradient
• Skin - Apply a skin to control the emphasis level of your components
• Elevation - Add a shadow and elevate your component

Every component is a html superset and you can therefore use the HTML attributes:

• class
• and style

for advanced styling