Jump to content

How to position icon before text

Michal

By Michal

Yaroslav Brovin
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

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

Fix version: 1.18.5.0

    • User Feedback

    Recommended Comments

    alikoder Enthusiast

    alikoder

    Active subscription

    See property "ContentPadding".

    Michal Collaborator

    Michal

    Active subscription

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

    Multsoft.com 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.

     

    Yaroslav Brovin 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.