Jump to content
View in the app

A better way to browse. Learn more.
FGX Native

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to position icon before text

https://forum.fgx-native.com/tickets/closed/12_feature-requests/how-to-position-icon-before-text-r268/

By Michal

Message added by Yaroslav Brovin,

Please be aware that these comments were copied here from another source and that the date and time shown for each comment may not be accurate.

  • Status: Fixed
  • Priority: Normal
  • Resolution: Fixed
  • Platform: Android
  • Affects version 1.15.4.0
  • Fix version: 1.18.5.0

Hi

How to position icon just before text on Android? It renders as I expect in IDE while on Android it is on the left

android.png

win.png

    • https://forum.fgx-native.com/tickets/closed/12_feature-requests/how-to-position-icon-before-text-r268/

    User Feedback

    Recommended Comments

    Collaborator

    alikoder

    Active subscription

    See property "ContentPadding".

    Collaborator

    Michal

    Active subscription

    Thanks but it is a bit hard to set when text on a butoon changes

    Collaborator

    Multsoft.com

    Active subscription

    I have the same problem, and modifying the content padding is difficult to do manually, due to the number of buttons to be modified...

    Delphi:

    Capturadetela2023-04-22114739.png.053237637128310b21b8ab0656ac4db9.png

     

    Run Mode:

    WhatsAppImage2023-04-22at11_43_58.thumb.jpeg.2ccfa40e50f3224d9c92f4416e05e190.jpeg

     

    Is there an easier way to accomplish this padding without having to create a card and insert the elements?

    It is worth remembering that the edits must also be given attention, since the margins of the icon are important. Here is a link to a possible implementation.

     

    Grand Master

    Yaroslav Brovin

    Administrators
    • Administrators

    The set of values for the Appearance.Icon.Location property has been expanded. Now there are two additional values: TextLeft, TextRight, which allow you to place the icon before and after the text, but at the same time glued to the text. Total:

    • Left - The icon is located to the left edge.
    • TextLeft - The icon is located against the text on the left.
    • Right - The icon is located to the right edge
    • TextRight - The icon is located against the text on the right.

    Create an account or sign in to comment

    Recently Browsing 0

    • No registered users viewing this page.

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.