Canvas Themes for Web and Mobile Applications

Owned by Lakshminarayanan1 S CTOO (Unlicensed)
Last updated: Mar 22, 2021

Theme Designer paves the way for the end-users to design themes for each and every field, with a varied set of options. The illustrations of Canvas themes in web and mobile applications are provided as follows:

  • In the web version, when the changes are applied to Primary, which is categorized under the segment of Colors in Basic, the scroll indicator's color gets changed, whereas in mobile version, the colors involving Active Charts, Spinner Icon and the text of the Tool Item header are displayed. The following screen shots serve as good illustrations of the web and mobile versions in the functional application, Modelhouse:



                                                 
  • Logo appears on the header in both web and mobile versions. In the web version, the logo remains intact for all layouts, but whereas, it differs in the mobile version. The following screen shots serve as good illustrations of the web and mobile versions in the functional application, Modelhouse:


  • In the Layout section, you can select the color of your choice in Body BG. The following screen shots serve as good illustrations of the web and mobile versions in the functional application, Modelhouse:


  • You can choose the color of your choice for Header BG. 

    In the web version, the changes get reflected in the background of the header, whereas, in the mobile version, the changes even get applied to the headers of components like tab panel, field set, filter component and sort component. The following screen shots serve as good references for web and mobile versions in the functional application, Modelhouse:




  • You can choose the colors of your preferred choice for Icon BG, Icon Color and Icon Active Color, involving any of the layouts from Card, App, Menu, Ex Card, Tab and Table Top. The following screen shots serve as good illustrations of the Card layout for web and mobile versions in the functional application, Modelhouse:



    The following screen shots serve as good illustrations of the Table Top layout for web and mobile versions in the functional application, Modelhouse:



    The following screen shots serve as good illustrations of the Menu layout for web and mobile versions in the functional application, Modelhouse:



    The following screen shots serve as good illustrations of the Tab layout for web and mobile versions in the functional application, Modelhouse:


  • In the App section, you can choose the colors of your preferred choice for App BG, App Header BG and App Footer BG. The following screen shots serve as good illustrations of the web and mobile versions in the functional application, Modelhouse:


  • In the Forms section, you can choose the colors of your choice for check boxes, radio buttons and form items. The following screen shots serve as good illustrations of the web and mobile versions in the functional application, Modelhouse:



Refer the following pages: