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. How to customize Popup dimming effect?
QtWS25 Last Chance

How to customize Popup dimming effect?

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
3 Posts 2 Posters 406 Views
  • 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.
  • P Offline
    P Offline
    Puya
    wrote on last edited by
    #1

    Hi is there a way to customize the dimming effect of the Popup when modal === true? I want the surrounding area of the Popup to be dimmed more than what the default is.

    J.HilkJ 1 Reply Last reply
    0
    • P Puya

      Hi is there a way to customize the dimming effect of the Popup when modal === true? I want the surrounding area of the Popup to be dimmed more than what the default is.

      J.HilkJ Offline
      J.HilkJ Offline
      J.Hilk
      Moderators
      wrote on last edited by
      #2

      @Puya sure

      https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-popup

      background is the one you'll want to modify


      Be aware of the Qt Code of Conduct, when posting : https://forum.qt.io/topic/113070/qt-code-of-conduct


      Q: What's that?
      A: It's blue light.
      Q: What does it do?
      A: It turns blue.

      P 1 Reply Last reply
      0
      • J.HilkJ J.Hilk

        @Puya sure

        https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-popup

        background is the one you'll want to modify

        P Offline
        P Offline
        Puya
        wrote on last edited by
        #3

        @J-Hilk Dimming effect is not related to background. I think I need to use Overlay.modal attached property like so:

        Popup {
            ...
            modal: true
            Overlay.modal: Rectangle {
                color: "#aacfdbe7"  // color/opacity
            }
        }
        
        1 Reply Last reply
        0

        • Login

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