SemanticUI Design System

This documentation is valid for:

This page is about a sample KB that applies the Design System provided by the SemanticUI CSS Framework.

The KB introduces the concept of User Control object and allows for interaction with this type of GeneXus object. In addition, it offers a starting point to start using the Design System, with a number of UI resources containing many usability and design features to enhance the development of GeneXus applications.

Steps to obtain the KB

  1. First, download GeneXus 16 Beta.
  2. Go to https://semantic-ui.com/introduction/getting-started.html and download the corresponding zip file (section "Simpler Setup" --> Download Zip).
  3. In the GeneXus installation directory, create a new directory called "CSSLibraries" (use exactly this name) and move the zip file previously downloaded within it. Next, unzip the file and change the name of the decompressed directory to "SemanticUI" (check that the files are under this directory: SemanticUI --> all the files, and that there isn't an intermediate directory).
  4. In GeneXus: File > New > Knowledge Base from GeneXus Server; select the KB UC20SemanticUI from the GeneXus Server instance: 'http://samples.genexusserver.com/tero'. 
  5. Build All, Run, and enjoy :)

See the KB SemanticUI Design System in action!

Web View https://labsnet.genexuscloud.com/SemanticUIDesignSystem/uc20semanticui.aspx


 

Subscribe to KB feed
KnowledgeBase UC20SemanticUI
GeneXus Server URL here
Was this page helpful?
What Is This?
Your feedback about this content is important. Let us know what you think.