Elements Style

Elements Style

The Elements Style menu manages your app's images and buttons.
Settings chosen in this menu are applied to every section of your app.

WARNING! Very important:
When applying the style of your elements to your app, every modification made in this menu will be applied to all sections of your app.

To set up your Elements style: 
1. Go to the left swipe menu Design & Structure > DESIGN > General Design
2. Click "Elements Style" on the right column.

To modify the design of a specific section for in-depth customization, read this online help.


1. Style of Thumbnails and Cell

- Select the style that will be applied to the thumbnails and cells of your app



2. Mouseover Effects on Pictures (Desktop PWA only)

- Select the effects that appear when hovering the mouse over an image.



3. Buttons

For pages in your app that prompt users to perform an action, there are three levels of buttons.
Each level corresponds to different actions in different Sections / Home widgets.
Muse mBaaS automatically assigns the right level to the button, depending on the action and where it is displayed in the app.

Level 1 button design will always be filled.
Level 2 button design will always be outlined.
Level 3 button design is only a link in text format.

1. Set the shape of the buttons in the Global style menu.

Warning:
- The colors of the button are based on the app's color scheme. You can change the color of a particular button in each section - design panel or widget settings.
- The level of the button cannot be changed.




    • Related Articles

    • Global Style

      The Global Style menu manages your app's overall design from one single menu.  Colors, fonts, and effects are chosen in this menu are applied to every section of your app. WARNING! Very important: When applying your global style to your app, if you ...

    • Global Style (eCommerce App)

      The Global Style menu manages your app's overall design from one single menu.  Colors, fonts, and effects chosen in this menu are applied to every section of your app. WARNING! Very important: When applying your global style to your app. If you had ...

    • Section Design

      By default, your application has a global style applied to all your app's pages. To modify colors, fonts, backgrounds, formats, etc... of each element of your application: 1. Go to the menu Design & Structure > Structure > Sections, which will show ...

    • Section Design (eCommerce App)

      1. How to modify the design of your sections By default, your shop has a global style  applied to all your app's pages. For more info, please refer to this online help. You can modify the default design of each section to fit the image of your brand. ...

    • Design the Categories of your Section

      Depending on the type of content you have on your app, you can add categories to your CMS content section or filter your external content when using an external source (Youtube, WordPress etc.). Please refer to this online help for more ...