Tag: image

Home Documentation image
How do I replace the Page Header text with an 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

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

What image size should I use for logo with Layout 99?

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

Increase the size of the menu images with Layout Farah.

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

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

Customize the background color or use an image of the list items in a Folder.

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

Center the image and text when sending Push Notifications.

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

How do I customize the login screen (add background, etc)?

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

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