Learn how to easily create a custom theme in Progress Rollbase in this step-by-step guide, and find out how to build low-code responsive apps.
Rollbase is a low-code, rapid application platform which provides a lot of flexibility beyond point and click programming.
For example, each application can be tailored with a point and click built-in theme and the platform also offers the possibility to create your own custom theme.
Here is the basic recipe for creating your own custom themes:
1. Override specific Rollbase CSS rules based on your color palette and overall design
2. Create a Kendo UI custom theme CSS file. This step is optional. Do it only if you feel you need to change the overall design of the Kendo UI widgets—if you only need to override a few rules, for example the primary color, you can simply do that as part of step 1 above.
3. Combine these into a single file and attach it to your application environment as a hosted file:
4. Assign CSS file to the tenant (Customer) for applying the theme to all your applications:
Here is some additional background information you may find useful:
The location of the CSS files are in [Rollbase_Home]/prod1/css/newui/. So you can directly browse the files of your installation from a web browser. You can also see the CSS files used on a particular page and the inclusion order by viewing the page source in your browser. Another technique is to use the browser inspect tool to understand which rbs-* css rules are used on a particular element.
Please let us know how creating custom themes is working out for you in the comments section below.
Looking to learn more about how to a low-code platform like Rollbase can help you build responsive apps? Dig into this post to find out more.
Let our experts teach you how to use Sitefinity's best-in-class features to deliver compelling digital experiences.Learn More
Subscribe to get all the news, info and tutorials you need to build better business apps and sites
You can also ask us not to share your Personal Information to third parties here: Do Not Sell or Share My Info
We see that you have already chosen to receive marketing materials from us. If you wish to change this at any time you may do so by clicking here.
Thank you for your continued interest in Progress. Based on either your previous activity on our websites or our ongoing relationship, we will keep you updated on our products, solutions, services, company news and events. If you decide that you want to be removed from our mailing lists at any time, you can change your contact preferences by clicking here.