Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. Implement stylesheet feature with CSS file for custom widgets

Implement stylesheet feature with CSS file for custom widgets

Scheduled Pinned Locked Moved Unsolved General and Desktop
cssqssparseparserstylesheet
14 Posts 3 Posters 4.8k 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.
  • IMAN4KI IMAN4K

    Why exactly did you create a custom RadioButton derived from QAbstractButton?

    Well. it's custom.
    Because i don't want standard widget appearance and also implemented some animation

    enter image description here

    And what types of css properties do you want to support?

    color, opacity , ... as i said

    raven-worxR Offline
    raven-worxR Offline
    raven-worx
    Moderators
    wrote on last edited by
    #4

    @IMAN4K said:

    And what types of css properties do you want to support?

    color, opacity , ... as i said

    and the "..." is the interesting part i asked for...

    QSS is capable of setting properties. So before starting to parse the stylesheet code i suggest you use simply QProperties.

    See this post of mine for setting basic data types via QSS.

    --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
    If you have a question please use the forum so others can benefit from the solution in the future

    Ni.SumiN IMAN4KI 2 Replies Last reply
    2
    • raven-worxR raven-worx

      @IMAN4K said:

      And what types of css properties do you want to support?

      color, opacity , ... as i said

      and the "..." is the interesting part i asked for...

      QSS is capable of setting properties. So before starting to parse the stylesheet code i suggest you use simply QProperties.

      See this post of mine for setting basic data types via QSS.

      Ni.SumiN Offline
      Ni.SumiN Offline
      Ni.Sumi
      wrote on last edited by
      #5

      @raven-worx

      It's other question :) related to this.

      for customized widgets , can't we use like this ?

      setObjectname("SomeName");

      and

      #SomeName ::xxxx
      {}

      raven-worxR 1 Reply Last reply
      1
      • Ni.SumiN Ni.Sumi

        @raven-worx

        It's other question :) related to this.

        for customized widgets , can't we use like this ?

        setObjectname("SomeName");

        and

        #SomeName ::xxxx
        {}

        raven-worxR Offline
        raven-worxR Offline
        raven-worx
        Moderators
        wrote on last edited by
        #6

        @Ni.Sumi

        #SomeName ::xxxx

        I don't know if the space between the id- and pseudo-element selector is intentional in your example? It should work without the space (if the widget with the object name supports the pseudo-element of course). With the space it wont work.

        Qt docs say:

        Sub-controls are always positioned with respect to another element - a reference element. This reference element could be the widget or another Sub-control.

        --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
        If you have a question please use the forum so others can benefit from the solution in the future

        Ni.SumiN 1 Reply Last reply
        1
        • raven-worxR raven-worx

          @Ni.Sumi

          #SomeName ::xxxx

          I don't know if the space between the id- and pseudo-element selector is intentional in your example? It should work without the space (if the widget with the object name supports the pseudo-element of course). With the space it wont work.

          Qt docs say:

          Sub-controls are always positioned with respect to another element - a reference element. This reference element could be the widget or another Sub-control.

          Ni.SumiN Offline
          Ni.SumiN Offline
          Ni.Sumi
          wrote on last edited by
          #7

          @raven-worx

          yeah, the space is just by mistakenly. Sorry. It's clear.

          1 Reply Last reply
          0
          • raven-worxR raven-worx

            @IMAN4K said:

            And what types of css properties do you want to support?

            color, opacity , ... as i said

            and the "..." is the interesting part i asked for...

            QSS is capable of setting properties. So before starting to parse the stylesheet code i suggest you use simply QProperties.

            See this post of mine for setting basic data types via QSS.

            IMAN4KI Offline
            IMAN4KI Offline
            IMAN4K
            wrote on last edited by
            #8

            @raven-worx
            I read that post but this is not working :(

            class Sample : public QWidget {
            	Q_OBJECT
            
            	Q_PROPERTY(QColor color READ color WRITE setColor DESIGNABLE true);
            
            public:
            	Sample(QWidget *parent) : QWidget(parent) {
            		QString qss = "Sample {color: rgb(47, 169, 226);}";
            		setStyleSheet(qss);
            	}
            
            	QColor color() const { return _c; }
            	void setColor(const QColor &c) {
            		_c = c;
            	}
            
            private:
            	QColor _c;
            
            protected:
            	void paintEvent(QPaintEvent *) {
            		QPainter p(this);
            		p.fillRect(rect(), color());
            	}
            };
            
            raven-worxR 1 Reply Last reply
            0
            • IMAN4KI IMAN4K

              @raven-worx
              I read that post but this is not working :(

              class Sample : public QWidget {
              	Q_OBJECT
              
              	Q_PROPERTY(QColor color READ color WRITE setColor DESIGNABLE true);
              
              public:
              	Sample(QWidget *parent) : QWidget(parent) {
              		QString qss = "Sample {color: rgb(47, 169, 226);}";
              		setStyleSheet(qss);
              	}
              
              	QColor color() const { return _c; }
              	void setColor(const QColor &c) {
              		_c = c;
              	}
              
              private:
              	QColor _c;
              
              protected:
              	void paintEvent(QPaintEvent *) {
              		QPainter p(this);
              		p.fillRect(rect(), color());
              	}
              };
              
              raven-worxR Offline
              raven-worxR Offline
              raven-worx
              Moderators
              wrote on last edited by
              #9

              @IMAN4K said:

              I read that post but this is not working :(

              first of all you didn't read the post carefully enough ;)

              Sample { color: rgb(47, 169, 226); }
              

              should be

              Sample { qproperty-color: rgb(47, 169, 226); }
              

              Using the color QSS-property is still possible, but then you need to retrieve it from the widget's palette:

              widget->palette().color( QPalette::Text );
              

              --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
              If you have a question please use the forum so others can benefit from the solution in the future

              IMAN4KI 1 Reply Last reply
              2
              • raven-worxR raven-worx

                @IMAN4K said:

                I read that post but this is not working :(

                first of all you didn't read the post carefully enough ;)

                Sample { color: rgb(47, 169, 226); }
                

                should be

                Sample { qproperty-color: rgb(47, 169, 226); }
                

                Using the color QSS-property is still possible, but then you need to retrieve it from the widget's palette:

                widget->palette().color( QPalette::Text );
                
                IMAN4KI Offline
                IMAN4KI Offline
                IMAN4K
                wrote on last edited by
                #10

                @raven-worx
                Ok. this isn't a good approach for custom widgets for example i need more than one color or opacity for painting
                I think i should go for hard parsing stuff !
                Could i use qcssparser_p.h for retrieving values ?

                raven-worxR 1 Reply Last reply
                0
                • IMAN4KI IMAN4K

                  @raven-worx
                  Ok. this isn't a good approach for custom widgets for example i need more than one color or opacity for painting
                  I think i should go for hard parsing stuff !
                  Could i use qcssparser_p.h for retrieving values ?

                  raven-worxR Offline
                  raven-worxR Offline
                  raven-worx
                  Moderators
                  wrote on last edited by
                  #11

                  @IMAN4K said:

                  Ok. this isn't a good approach for custom widgets for example i need more than one color or opacity for painting

                  means?
                  Then create a property for each state/type.

                  --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                  If you have a question please use the forum so others can benefit from the solution in the future

                  IMAN4KI 1 Reply Last reply
                  1
                  • raven-worxR raven-worx

                    @IMAN4K said:

                    Ok. this isn't a good approach for custom widgets for example i need more than one color or opacity for painting

                    means?
                    Then create a property for each state/type.

                    IMAN4KI Offline
                    IMAN4KI Offline
                    IMAN4K
                    wrote on last edited by
                    #12

                    @raven-worx
                    First retrieving the values not working for above example :
                    If i use qdebug

                    qDebug() << this->palette().color(QPalette::Text).red() 
                    			<< this->palette().color(QPalette::Text).green() 
                    			<< this->palette().color(QPalette::Text).blue();
                    

                    I get rbg -> 0 0 0 while i'm using rgb-> 47, 169, 226

                    Secound if we have two colors :
                    Q_PROPERTY(QColor color-on READ color-on WRITE setColor-on DESIGNABLE true);
                    Q_PROPERTY(QColor color-off READ color-off WRITE setColor-off DESIGNABLE true);
                    How get each color in class ?
                    is there a direct access to these properties like color-on() ?
                    or when we declare opacity property like :
                    Q_PROPERTY(float opacity-on READ opacity-on WRITE setOpacity-on DESIGNABLE true);
                    How access this propertty value ?

                    raven-worxR 1 Reply Last reply
                    0
                    • IMAN4KI IMAN4K

                      @raven-worx
                      First retrieving the values not working for above example :
                      If i use qdebug

                      qDebug() << this->palette().color(QPalette::Text).red() 
                      			<< this->palette().color(QPalette::Text).green() 
                      			<< this->palette().color(QPalette::Text).blue();
                      

                      I get rbg -> 0 0 0 while i'm using rgb-> 47, 169, 226

                      Secound if we have two colors :
                      Q_PROPERTY(QColor color-on READ color-on WRITE setColor-on DESIGNABLE true);
                      Q_PROPERTY(QColor color-off READ color-off WRITE setColor-off DESIGNABLE true);
                      How get each color in class ?
                      is there a direct access to these properties like color-on() ?
                      or when we declare opacity property like :
                      Q_PROPERTY(float opacity-on READ opacity-on WRITE setOpacity-on DESIGNABLE true);
                      How access this propertty value ?

                      raven-worxR Offline
                      raven-worxR Offline
                      raven-worx
                      Moderators
                      wrote on last edited by
                      #13

                      @IMAN4K
                      what do you mean how should you access these values?!
                      You specified a getter method in the property definition. You've already shown how to do in an example of yours before?!

                      --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                      If you have a question please use the forum so others can benefit from the solution in the future

                      IMAN4KI 1 Reply Last reply
                      1
                      • raven-worxR raven-worx

                        @IMAN4K
                        what do you mean how should you access these values?!
                        You specified a getter method in the property definition. You've already shown how to do in an example of yours before?!

                        IMAN4KI Offline
                        IMAN4KI Offline
                        IMAN4K
                        wrote on last edited by IMAN4K
                        #14

                        @raven-worx
                        Oh..
                        Sorry i think that was qt-bug (getter return invalid) but now it's work

                        For last question !
                        Could i use qcssparser_p.h for retrieving values for my purpose ? (i'm a lover of parsing :) )
                        Thanks.

                        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