Tag: icon

Home Documentation icon
How do I hide the inner icon on the red button in the Fab layout?

If you don’t want to use the inner icon that is on the red button in the Fab layout, follow the instructions below to hide it: 1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already
+ Read More

How to fix Layout 1 “More” button on iPads (2nd & 3rd options don’t work)?

Use the code below to fix the issue with Layout 1 where clicking the “More” button/icon prevents the 2nd and 3rd options from appearing.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. /** Begin fix layout
+ Read More

Increase the text and icon size of the menu with Layout 99

Use the code below to increase the text size and/or the icon (image) size of the menu when using Layout 99.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already code in the
+ Read More

Change the iCal icon of the Events feature.

The code below will enable you to change the iCal icon in the event list, and details view of the Events feature:   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.   If you already have code in
+ Read More

How to customize the search bar of the Places feature?

Use the code below to customize the search bar of the Places feature.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.  If there is already code in the box do not delete it!  Simply add this
+ Read More

How do I hide the lock image in the Padlock Pro feature?

Use the code below to hide the lock image that is used in the Padlock Pro feature:   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. ion-view[state=”loginredirect-view”] .padlock .item:nth-child(2) .ion-locked{ display:none; }   4) Click Save.   Important Note: If
+ Read More

How do I replace the Lock Image used in the Padlock Pro feature?

Use the code below to replace the lock image that is used in the Padlock Pro feature:   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. ion-view[state=”loginredirect-view”] .padlock .item:nth-child(2) { background-image: url(“https://image.flaticon.com/icons/svg/174/174309.svg”); background-repeat: no-repeat; background-attachment: fixed; background-position:
+ Read More

How do I remove the ecommerce shopping cart icon from the header?

Use the code below to hide the shopping cart icon from the header when using the ecommerce feature:     1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.  If there is already code in
+ Read More

In Appointments Pro, how do I change the color of the active icon in the booking process?

To change the “active” icon that appears as someone is booking an appointment in the Appointments Pro feature, follow the steps below:   1) Log into your Control Panel and select Colors from the left-hand-side of the screen (or the middle of the screen). 2) Scroll down to the Advanced SCSS.  If there is already
+ Read More

How do I remove the “Map” icon from the News / Fan Wall (Comments) feature?

Follow the steps below to remove the “Map” icon from the News/Fan Wall (Comments) feature:   1) Log into your App Manager and select your app. 2) Click the Colors from the left-hand-side of the screen (or from the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already
+ Read More