Show: Delphi C++
Display Preferences

Creating Metropolis UI Edit Buttons with Embedded Glyphs

From RAD Studio XE3
Jump to: navigation, search

Go Up to Developing Metropolis UI Applications


To add Metropolis UI buttons with embedded glyphs:

  1. Create a FireMonkey Metropolis UI application using the FireMonkey Metropolis UI Application wizard.
  2. Add a TEdit to the form.
  3. Do either of the following:
    • With the button selected, click the StyleLookup property in the Object Inspector.
    • Right-click the button and choose Add Item from the context menu.
  4. From the popup list that appears, choose one of the Windows 8 button styles:
    • TEditButton
      MetropolisCustom.jpg
      • Used for customising or making your own glyph button
    • TClearEditButton
      MetropolisClearing.jpg
      • X glyph
      • Clears the edit field when user clicks the glyph
    • TPasswordEditButton
      MetropolisPassword1.jpg
      • Eye/eyebrow glyph
      • Hides the text that is entered
      • Clicking the glyph makes the text momentarily visible
      • Password property of TEdit must be set to True in the Object Inspector for password entry to be hidden correctly.
    • TSearchEditButton
      MetropolisSearch1.jpg
      • Magnifying glass glyph
      • Can be linked to a search program
    • TEllipsesEditButton
      MetropolisEllipses.jpg
      • Ellipse […] glyph
      • Can be linked to a dialog box

Embedded Glyph Sample

The sample MetropolisUIEmbeddedGlyphDemo shows you the five Metropolis UI buttons. Look for this sample in the FireMonkey folder of your product Samples directory, accessible from the Start menu on your PC:

Start | Programs | Embarcadero RAD Studio | Samples


See Also

Retrieved from "http://docwiki.embarcadero.com/RADStudio/XE3/e/index.php?title=Creating_Metropolis_UI_Edit_Buttons_with_Embedded_Glyphs&oldid=184072"
Personal tools
Previous Versions
In other languages