Enterprise Application Development

Fast Modeling, Responsive Design, One-Button Deploy

BOOK a Demo

Economic theory-based business modeling

Resources, Events, Agents

BOOK a Demo
OMNIA – Low-Code Business Application Development Platform

New Platform Update: UI Themes (3 of 4)
Posted February 6, 2020

New Platform Update: UI Themes (3 of 4)
Posted February 6, 2020

Note: This post is part 3 of 4 of our UI Themes post series, click here to see part 1.

Now that we know how to build and edit themes (if you don’t, do check out part 1), we’re taking things one step further.

 

Not everyone wants, or has the available time to, build their own theme, and that’s ok. There are a few solutions we can explore to find a complete theme that fits our needs, and today we’re focusing on one of them.

OMNIA Platform with the new imported Solar Theme

Bootstrap Build Themes

On part 2 of this series we’ve introduced a third-party tool, Bootstrap.Build, as a useful resource to help us find the variables we need to change, in order to edit the styles we want to.


Today we’re going to introduce a different part of this tool, Themes:

List of free Bootstrap 4 themes

Currently there are 18 free Bootstrap themes available and they are all compatible with the OMNIA Platform.

 

By using one of these themes, developers have a way of instantly changing their application’s look and feel, providing a new a fresh experience to their users in a matter of minutes(!).

 

You can check out the entire theme list right here.

 

In the following video we’re going to show just how easy it is to apply a new theme to your applications.

How to import a theme

Importing a theme is a very simple task, however, there are a few important details you need to be aware for everything to work smoothly.

 

Here’s a step-by-step of what you need to do:

 

  1. Go to Bootstrap Build Themes list (here)
  2. Choose the theme you want and use the “Customize” option;
  3. At the top of the page, find the “Export Theme” button and select the “_variables.scss” option;
  4. Open that file and copy all its content;
  5. Create a new theme, paste the code, save it;
  6. Build & Deploy and you’re new theme will be ready to be used.

 

We hope you’ve enjoyed our third video on our latest platform feature, User Interface Themes, don’t forget to follow us on our social channels so you don’t miss the last part of this series.

Note: Parts 1 and 2 focused of the basics of variable editing, if you haven’t seen our previous posts click right here.

Platform Update and Documentation

This new feature is part of our 3.2.3 version of the platform.

 

📄 Documentation

✉ Signup for our Newsletter to get our weekly news