Deliver Awesome UI with the most complete toolboxes for .NET, Web and Mobile development
Automate UI, load and performance testing for web, desktop and mobile
Rapidly develop, manage and deploy business apps, delivered as SaaS in the cloud
Build, protect and deploy apps across any platform and mobile device
Automate decision processes with a no-code business rules engine
A complete cloud platform for an app or your entire digital business
Deploy automated machine learning to accurately predict machine failures with technology optimized for Industrial IoT.
Optimize data integration with high-performance connectivity
Connect to any cloud or on-premises data source using a standard interface
Build engaging multi-channel web and digital experiences with intuitive web content management
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.
Thierry Ciot is a Software Architect and Product Owner on Progress Rollbase. Ciot has gained a broad experience in the development of products ranging from development tools to production monitoring systems. He is using his expertise to create a low code/rapid application development platform that provides a “Yes!” user experience. He is now focusing on responsive and adaptive modern web applications for public and private clouds. He holds two patents in the memory management space.
Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.
Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.