Themes

Plugins

VBX Plugin Layout

Begin your plugin layout with the .vbx-plugin wrapper class. This will give your layout access to simple predefined styles that will help your plugins look great.

Remember, you can also override the core styles using your own theme.

Core Plugin Stylesheet

http(s)://[install-root]/assets/c/plugin.css

Example

Here is a sandbox example of common elements to use in your plugin layout.



    
    
        
  • Unordered Item
    • 
        
  • Unordered Item
    • 
    


    
    
        
  1. Ordered Item
    2. 
        
  2. Ordered Item
    3. 
    


    

        
            

                Column Heading 1
                Column Heading 2
                Column Heading 3
            

        
        
            

                Column 1
                Column 2
                Column 3

VBX Applet Layout

Since applets are placed within the flow editor, specific classes need to be used for certain elements to override core OpenVBX styles.

Core Applet Stylesheet

http(s)://[install-root]/assets/c/applet.css

Example


    
        

            Column Heading
            Column Heading
        

    
    
        

            Column A
            Column B

Notice that there is not a form element present. Applets are already wrapped with a form, so there’s no need here. Use fieldsets to create your form layouts inside of your applet.