Sizing

Easily make an element as wide or as tall (relative to its parent) with our width and height utilities

How To

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

Width

Width 25%

Width 50%

Width 75%

Width 100%

<Label Caption="Width 25%" Class="w-25" HtmlTag="Div" />
<Label Caption="Width 50%" Class="w-50" HtmlTag="Div" />
<Label Caption="Width 75%" Class="w-75" HtmlTag="Div" />
<Label Caption="Width 100%" Class="w-100" HtmlTag="Div" />

Height

Height 25%

Height 50%

Height 75%

Height 100%

<Label Caption="Height 25%" Class="h-25 d-inline-block" HtmlTag="Div" />
<Label Caption="Height 50%" Class="h-50 d-inline-block" HtmlTag="Div" />
<Label Caption="Height 75%" Class="h-75 d-inline-block" HtmlTag="Div" />
<Label Caption="Height 100%" Class="h-100 d-inline-block" HtmlTag="Div" />

Max-width

You can also use max-width: 100%; and max-height: 100%; utilities as needed.

<Image AltText="Min Width 100%" Caption="..." Class="mw-100 mb-2" Height="100px" Width="100%" />