Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-20282

QML Rectangle does not support all CSS 2.0 properties, where QWidget does

    XMLWordPrintable

Details

    • Suggestion
    • Resolution: Unresolved
    • P4: Low
    • None
    • 4.7.3, 5.2.1, 5.7.0
    • Linux Ubuntu 11.04 32bits, Qt SDK 1.1, Qt 4.7.3

    Description

      QML Rectangle does not support enough styling properties, compared to what a simple QWidget used to offer through CSS:

      In QML you can set borderWidth (border-width in CSS) and borderColor (equivalent to border-color in CSS),
      but this set all the sides the same border. It would better allow like CSS changing all sides OR side-by-side:
      borderWidth.left, borderWidth.top, borderWidth.right, borderWidth.bottom
      borderColor.left, borderColor.top, borderColor.right, borderColor.bottom

      Same problem with rounded corners, QML support only setting the same rounding on 4 corners, it lacks subproperties :
      borderRadius.topLeft, borderRadius.topRight, borderRadius.bottomRight, borderRadius.bottomLeft

      It would be nice if it may get fixed really soon, because I really need this to create good looking skins,
      and I don't want to use borderImage to solve the issue, since I don't want to use any pixmap to skin the apps.

      At the moment I just can't fix the issue so I must keep stuck on QWidget, and I likely will until it get fixed.

      Attachments

        Issue Links

          No reviews matched the request. Check your Options in the drop-down menu of this sections header.

          Activity

            People

              qt.team.quick.subscriptions Qt Quick and Widgets Team
              thebootroo Thomas Boutroue
              Votes:
              2 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:

                Gerrit Reviews

                  There are no open Gerrit changes