Welcome to the Logi Info Sample Center

Embeddable components, inputs and visualizations for Logi Info applications.






CSS Theme

User Interface

Plugins




Bootstrap 4.1 required for Material Theme

Bootstrap 4.1 required

All UI examples require Bootstrap to be included.

Please note that all JavaScript plugins require jQuery to be included.

Download Bootstrap FrameworkDownload Material Framework
Logi XML
<StyleSheet StyleSheet="Framework.bootstrap.bootstrap.css" />
<StyleSheet StyleSheet="Framework.bootstrap.Overrides.css" />
<StyleSheet ShowModes="rdBrowser" StyleSheet="Framework.css.Layout.css" />

<IncludeScriptFile IncludedScriptFile="Framework.bootstrap.jquery.min.js" />
<IncludeScriptFile IncludedScriptFile="Framework.bootstrap.bootstrap.js">
  <Note Note="Includes Bootstrap.min.js and Popper.js" />
</IncludeScriptFile>
<StyleSheet StyleSheet="Framework.bootstrap.bootstrap.css" /> <StyleSheet StyleSheet="Framework.bootstrap.Overrides.css" /> <StyleSheet ShowModes="rdBrowser" StyleSheet="Framework.css.Layout.css" /> <IncludeScriptFile IncludedScriptFile="Framework.bootstrap.jquery.min.js" /> <IncludeScriptFile IncludedScriptFile="Framework.bootstrap.bootstrap.js"> <Note Note="Includes Bootstrap.min.js and Popper.js" /> </IncludeScriptFile>