Sets the Base Style for a User Control object. All libraries (ZIP files) with UI design definitions previously added to the KB as File objects are offered to select one of them.
Default | The User Control object doesn't have an assigned Base Style. |
Objects: User Control
Generators: .NET, .NET Framework, Java
The material available online about Web Design to integrate into the applications developed with GeneXus is astonishing! There is a boom of the so-called "CSS Frameworks," which complement JavaScript development Frameworks (for example, JQuery). Applications can be made more attractive thanks to CSS Frameworks.
These CSS Frameworks provide hundreds of widgets, compositions, sources, etc.
Some of the most popular ones are as follows:
- Bulma.io
- Bootstrap
- SemanticUI
- Pure.css
- Kube
- Materialize
A Base Library is an external resource that uses a CSS Framework. For example, Semantic UI, Bootstrap, etc.
Base Libraries are external CSS & JS & Assets files that are globally installed with GeneXus.
First, to create a Base Library, compress all the required files (CSS, JS, etc.) into a ZIP file and save it with .gxlibrary extension.
Next, you can include that Base Library in your Knowledge Base by creating a new File object and specifying the path to upload your Base Library.
Finally, the Library will be offered for this property so that you can select it.
While several libraries can be included in the KB, using the same Base CSS for different objects is recommended to maintain consistency.
1) To just add external references to resources, create a references file inside the library; each line of this file will be considered a reference.
For example, you could add a glue.references with the following content:
ace.js
ace.css
This means GeneXus will add references to those files when some Theme or User Control uses your Base Library.
2) If you create a User Control object and set its Base CSS property = None, it won't look appealing.
This property applies only at design time.
Base CSS property in Design System Object
Base CSS property in Web Theme Object