Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

How To

  1. Step 1: Include LambdaEx Framework in Logi Info Application. Include LambdaEx Framework in Logi Info Application.

Simple Example

Used to style buttons, input or a elements

<a class="btn btn-secondary" href="void(0)" role="button">Caption</a>
Logi XML
<Label Class="btn btn-secondary" Caption="Caption">
   <Action Javascript="void(0);" Type="Javascript" />
Button Options
Secondary   Primary   Success   Info   Warning   Light   Danger   Link
Outline buttons

In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.

Primary   Secondary   Success   Info   Warning   Light   Danger
Button Block
Block level button
Active State
Disabled State
With Icons
Button with Icon
Button groups
Standard button groups

Use btn-{xs,sm,lg} for sizing of the button group.


Vertical button group
Justified button groups
Button Dropdowns
Single button dropdowns
Split button dropdowns