1. Home
  2. Docs
  3. Listar FluxPro
  4. Mobile App
  5. Home Screen Widget

Home Screen Widget

General > Mobile Settings > Widget

Check this option to set the home screen as default, as shown in the image below.

Home screen widget settings

Category/Location Widget

Category/Location widget setting

Select menu Appearance > Widgets > Listar Mobile Home and add [Listar] Api Category or [Listar] Api Location

  • Title: the title of the widget displaying
  • Description: the description of the widget displaying
  • Hide Tile: hide the title if you won’t show it
  • Hide Description: hide the description if you won’t show it
  • Mobile Layout: category will show with an icon or image
  • Shape: the card wrap icon/image
  • Direction: the direction of the group card

After changing the setting, the category/location card will be displayed like the image below

Mobile layout – Icon
Mobile layout – Image

Listing Widget

Listing widget settings

Select menu Appearance > Widgets > Listar Mobile Home and add [Listar] Listing Data

  • Title: the title of the widget displaying
  • Description: the description of the widget displaying
  • Total Items: It’s a limited number of listing display
  • Mobile Layout: the card wrap format display
  • Mobile Direction: the direction of the group card

After changing the setting, the listing card will be displayed like the image below

Listing Data Widget

Banner Widget

The banner widget supports 3 styles

  • Banner (Single Image)
  • Slider (Multiple Image)
  • Google Admob

Select menu Banner Ads > Add New and set Feature Image

Banner – Image

Select menu Appearance > Widgets > Listar Mobile Home and add [Listar] API Banner

  • Title: the title of the widget displaying
  • Description: the description of the widget displaying
  • Hide Tile: hide the title if you won’t show it
  • Hide Description: hide the description if you won’t show it
  • Banner Type: select the kind of your ads

Banner

Banner Setting

Banner Type is Banner, please insert the ID of banner that you created. You can find the ID number from Banner Ads > Select to view one banner and can see the banner ID on the browser URL

Banner ID

Banner Slider

Banner Slider

Similar to Banner (Single Image), you can input multiple Banner IDs and separate them by a comma.

Admob

Good Admob Ads Settings

Select option Google Admob and input your setting key on the box Android or iOS.

How to find your app ID and ads unit, please refer to this URL: https://support.google.com/admob/answer/7356431?hl=en