Tag: image

Use the code below if you would like to use an image instead of text for your app’s Page Headers. Follow the instructions below to add an image to your App Header.   1) Create or locate the image that you want to use. The size should be around 640x128px. 2) Log into your App Manager
+ Read More

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 //Begin edit text and icon size layout
+ Read More

The correct logo image size to use with Layout 99 is 320×129. It’s important to note that the url to your logo must contain “https” (should be a website that utilizes SSL security).      

Use the code below to increase the size of the images on the main menu when using Layout Farah.   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 increase layout farah menu images @media only screen
+ Read More

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.   //Begin change ical icon of
+ Read More

Use the code below to change the background color or use an image of the lists that are in folders:   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 and enter the following code:   Change the background
+ Read More

The code below will center the image and text when sending a Push Notification.     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. //Start center image & text on push notifications [state=”push-list”] { .col-offset-25 { margin-left:
+ Read More

Use the code below to customize the login screen (add a background image, color, etc) when using the Padlock 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. .customer-view.modal ion-content .list .item.item-text-wrap { display:none; }; .customer-view.modal
+ Read More

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

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