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 ...

    • Customize the Fonts (eCommerce App)

      1. Fonts availability in Muse mBaaS It is possible to select the fonts displayed in the app from a list of native fonts and Google fonts* for many parts of your app. Important: - Not all design elements offer the possibility of selecting a new font - ...

    • Customise the Fonts

      1. Fonts Availability in Muse mBaaS It is possible to select the fonts displayed in the app from a list of native fonts and Google fonts* for many parts of your app. Important: - Not all design elements offer the possibility of selecting a new font - ...

    • 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 ...