Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. TextField: "floating" label on top of field
Forum Updated to NodeBB v4.3 + New Features

TextField: "floating" label on top of field

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
2 Posts 2 Posters 225 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    S Offline
    swurl
    wrote on last edited by
    #1

    With QML, version 6.7.2, I'd like to achieve this kind of floating label atop a TextField:

    faf3f2d4-4657-49d3-9ad4-9ef9b3b8d467-image.png

    (Flutter example)

    How can this be achieved?

    1 Reply Last reply
    0
    • Christian EhrlicherC Christian Ehrlicher moved this topic from General and Desktop on
    • GrecKoG Offline
      GrecKoG Offline
      GrecKo
      Qt Champions 2018
      wrote on last edited by
      #2

      The Qt Quick Controls Material Style implements this for the placeholderText of TextField.

      1 Reply Last reply
      2

      • Login

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • Users
      • Groups
      • Search
      • Get Qt Extensions
      • Unsolved