Welcome to the Style Guide. Here you'll find an extensive material regarding construction and maintenance of visual and business components.
Style Guide is developed to be the main frontend framework for developers.
<div class="fluig-style-guide"> <!--Some code here--> </div>
For legacy reasons, any application or widget developed using the Style Guide, must be contained in a
div with the class "fluig-style-guide".
The Style Guide will be applied only in elements inside this "fluig-style-guide"
<head> <link rel="stylesheet" type="text/css" href="/portal/resources/style-guide/css/fluig-style-guide.min.css"> <script src="/portal/resources/js/jquery/jquery.js"></script> <script src="/portal/resources/js/jquery/jquery-ui.min.js"></script> <script src="/portal/resources/js/mustache/mustache-min.js"></script> <script src="/portal/resources/style-guide/js/fluig-style-guide.min.js"></script> </head> <body> <div class="fluig-style-guide"> <!--Some code here--> </div> </body>
We suggest you to always visit these sections, to be in agreement with standards and best practices of use.
Style Guide provides some plugins to make the development easier. Below we can see the array of plugins.