Archived:Dynamic use Qt StyleSheets - Revision history

Hamishwillee: Text replace - "`" to ""`


2012-10-11T01:14:15Z
Text replace - "<code cpp>" to "<code cpp-qt>"

			
			
			
			
		
		← Older revision
		Revision as of 01:14, 11 October 2012
		
Line 31:
Line 31:
  When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit] widgets a yellow background color. Here, the selector is the word [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit].   When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit] widgets a yellow background color. Here, the selector is the word [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit].
    
− <code cpp> + <code cpp-qt>
  QLineEdit   QLineEdit
  {   {
Line 43:
Line 43:
  Creating a stylesheet selector relying on a dynamic property, e.g. urgent, makes it possible to highlight parts of the user interface in a very dynamic manner. For instance, adding the following rule to the stylesheet above will given any QLineEdit with the urgent property set to true red text on a yellow background.   Creating a stylesheet selector relying on a dynamic property, e.g. urgent, makes it possible to highlight parts of the user interface in a very dynamic manner. For instance, adding the following rule to the stylesheet above will given any QLineEdit with the urgent property set to true red text on a yellow background.
    
− <code cpp> + <code cpp-qt>
  [urgent=true]   [urgent=true]
  {   {



Hamishwillee: moved Dynamic use Qt StyleSheets to Archived:Dynamic use Qt StyleSheets
2012-06-19T00:40:39Z
moved Dynamic use Qt StyleSheets to Archived:Dynamic use Qt StyleSheets

		
		← Older revision
		Revision as of 00:40, 19 June 2012
		


Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"
2012-06-13T10:52:45Z
Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

			
			
			
			
		
		← Older revision
		Revision as of 10:52, 13 June 2012
		
Line 51:
Line 51:
  This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.   This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.
    
− --[[User:Skumar rao|Skumar rao]] 15:11, 21 November 2010 (UTC)[[Category:MeeGo]] [[Category:Symbian]] + --[[User:Skumar rao|Skumar rao]] 15:11, 21 November 2010 (UTC)[[Category:MeeGo Harmattan]] [[Category:Symbian]]




Hamishwillee: moved How to use StyleSheets Dynamically to Dynamic use Qt StyleSheets: Better title
2012-03-06T05:34:54Z
moved How to use StyleSheets Dynamically to Dynamic use Qt StyleSheets: Better title

		
		← Older revision
		Revision as of 05:34, 6 March 2012
		


Hamishwillee: Hamishwillee - Bot update - Fix ArticleMetaData and other issues
2012-03-06T05:26:55Z
Hamishwillee - Bot update - Fix ArticleMetaData and other issues

			
			
			
			
		
		← Older revision
		Revision as of 05:26, 6 March 2012
		
Line 1:
Line 1:
− [[Category:Qt]] + {{Archived|timestamp=20120306052655|user=[[User:Hamishwillee|&lt;br /&gt;----]]|[[:Category:Qt Quick|Qt Quick]] should be used for all UI development on mobile devices. The approach described in this article (using C++ for the Qt app UI) is deprecated.}}
− {{ArticleMetaData + [[Category:Qt C++ UI]]
− |id= + {{ArticleMetaData <!-- v1.2 -->
− |platform= All Qt Supported + 
− |devices= Emulator / desktop / device + 
− |category=Qt + 
− |subcategory= Qt GUI + 
− |creationdate=21 November 2010 + 
− |keywords= Style Sheet + 
−   + 
  |sourcecode= <!-- Link to example source code (e.g. [[Media:The Code Example ZIP.zip]]) -->   |sourcecode= <!-- Link to example source code (e.g. [[Media:The Code Example ZIP.zip]]) -->
  |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->   |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
− |sdk=<!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) --> + |devices= Emulator / desktop / device
− |devicecompatability=<!-- Compatible devices (e.g.: All* (must have GPS) ) --> + |sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) -->
− |signing=<!-- Empty or one of Self-Signed, DevCert, Manufacturer --> + |platform= All Qt Supported
− |capabilities=<!-- Capabilities required (e.g. Location, NetworkServices.) --> + |devicecompatability= <!-- Compatible devices (e.g.: All* (must have GPS) ) -->
− |author=[[User:Skumar rao]] + |dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
  + |signing= <!-- Empty or one of Self-Signed, DevCert, Manufacturer -->
  + |capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
  + |keywords= Style Sheet
  + |language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
  + |translated-by= <!-- [[User:XXXX]] -->
  + |translated-from-title= <!-- Title only -->
  + |translated-from-id= <!-- Id of translated revision -->
  + |review-by= <!-- After re-review: [[User:username]] -->
  + |review-timestamp= <!-- After re-review: YYYYMMDD -->
  + |update-by= <!-- After significant update: [[User:username]]-->
  + |update-timestamp= <!-- After significant update: YYYYMMDD -->
  + |creationdate= 20101121
  + |author= [[User:Skumar rao]]
  + <!-- The following are not in current metadata -->
  + |subcategory= Qt GUI
  }}   }}
  ==Overview==   ==Overview==




Hamishwillee: Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)
2012-02-15T05:43:50Z
Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

			
			
			
			
		
		← Older revision
		Revision as of 05:43, 15 February 2012
		
Line 43:
Line 43:
  This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.   This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.
    
− --[[User:Skumar rao|Skumar rao]] 15:11, 21 November 2010 (UTC) + --[[User:Skumar rao|Skumar rao]] 15:11, 21 November 2010 (UTC)[[Category:MeeGo]] [[Category:Symbian]]




Hamishwillee: Hamishwillee - Bot change of template (Template:CodeSnippet) - now using Template:ArticleMetaData
2011-06-24T09:25:41Z
Hamishwillee - Bot change of template (Template:CodeSnippet) - now using Template:ArticleMetaData

			
			
			
			
		
		← Older revision
		Revision as of 09:25, 24 June 2011
		
Line 1:
Line 1:
  [[Category:Qt]]   [[Category:Qt]]
− {{CodeSnippet + {{ArticleMetaData
  |id=   |id=
  |platform= All Qt Supported     |platform= All Qt Supported  
Line 8:
Line 8:
  |creationdate=21 November 2010   |creationdate=21 November 2010
  |keywords= Style Sheet   |keywords= Style Sheet
  + 
  + |sourcecode= <!-- Link to example source code (e.g. [[Media:The Code Example ZIP.zip]]) -->
  + |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
  + |sdk=<!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) -->
  + |devicecompatability=<!-- Compatible devices (e.g.: All* (must have GPS) ) -->
  + |signing=<!-- Empty or one of Self-Signed, DevCert, Manufacturer -->
  + |capabilities=<!-- Capabilities required (e.g. Location, NetworkServices.) -->
  + |author=[[User:Skumar rao]]
  }}   }}
  ==Overview==   ==Overview==




Somnathbanik at 15:06, 31 May 2011
2011-05-31T15:06:36Z


			
			
			
			
		
		← Older revision
		Revision as of 15:06, 31 May 2011
		
Line 11:
Line 11:
  ==Overview==   ==Overview==
  {{Abstract| This article shows how to use StyleSheets Dynamically.}}   {{Abstract| This article shows how to use StyleSheets Dynamically.}}
− The easiest way to customize the look of Qt applications with CSS without having to do by Painter function which might be relatively hard to do. Style sheets are very light weight and faster way to improve the look and feel of Qt controls. For the real unique user experience, [[QtQuick ]]and [http://doc.qt.nokia.com/4.7/qgraphicsview.html QGraphicsView] is a better choice. + The easiest way to customize the look of Qt applications with CSS without having to do by Painter function which might be relatively hard to do. Style sheets are very light weight and faster way to improve the look and feel of Qt controls. For the real unique user experience, QtQuick and [http://doc.qt.nokia.com/4.7/qgraphicsview.html QGraphicsView] is a better choice.
    
  When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit] widgets a yellow background color. Here, the selector is the word [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit].   When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit] widgets a yellow background color. Here, the selector is the word [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit].




Somnathbanik at 15:05, 31 May 2011
2011-05-31T15:05:05Z


			
			
			
			
		
		← Older revision
		Revision as of 15:05, 31 May 2011
		
Line 9:
Line 9:
  |keywords= Style Sheet   |keywords= Style Sheet
  }}   }}
  + ==Overview==
  + {{Abstract| This article shows how to use StyleSheets Dynamically.}}
  + The easiest way to customize the look of Qt applications with CSS without having to do by Painter function which might be relatively hard to do. Style sheets are very light weight and faster way to improve the look and feel of Qt controls. For the real unique user experience, [[QtQuick ]]and [http://doc.qt.nokia.com/4.7/qgraphicsview.html QGraphicsView] is a better choice.
    
− The easiest way to customize the look of Qt applications with CSS without having to do by Painter function which might be relatively hard to do. Style sheets are very light weight and faster way to improve the look and feel of Qt controls. For the real unique user experience, QtQuick and QGraphicsView is a better choice. + When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit] widgets a yellow background color. Here, the selector is the word [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdit].
−   + 
− When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all QLineEdit widgets a yellow background color. Here, the selector is the word QLineEdit. + 
    
  <code cpp>   <code cpp>
Line 20:
Line 21:
  } </code>   } </code>
    
− There are numerous selectors based on object names, sub-controls, pseudo-states and more. These can be used to change the look of a user interface and also make all QPushButton widgets named okButton have green text, and so on. + There are numerous selectors based on object names, sub-controls, pseudo-states and more. These can be used to change the look of a user interface and also make all [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] widgets named '''okButton''' have green text, and so on.
    
− For dynamic changes in the user interface look, the property value selector can be used in combination with dynamic properties. Dynamic properties was introduced in Qt 4.2 and allows your to assign property values to QObjects for properties that do not exist at compile time. I.e., if you choose to set the a property called urgent to true for a QObject, that property will stick even tough the class does not contain a Q_PROPERTY macro for the property urgent. + For dynamic changes in the user interface look, the property value selector can be used in combination with dynamic properties. Dynamic properties was introduced in Qt 4.2 and allows your to assign property values to [http://doc.qt.nokia.com/4.7/qobject.html QObjects] for properties that do not exist at compile time. I.e., if you choose to set the a property called urgent to true for a QObject, that property will stick even tough the class does not contain a {{Icode|Q_PROPERTY}} macro for the property urgent.
    
  Creating a stylesheet selector relying on a dynamic property, e.g. urgent, makes it possible to highlight parts of the user interface in a very dynamic manner. For instance, adding the following rule to the stylesheet above will given any QLineEdit with the urgent property set to true red text on a yellow background.   Creating a stylesheet selector relying on a dynamic property, e.g. urgent, makes it possible to highlight parts of the user interface in a very dynamic manner. For instance, adding the following rule to the stylesheet above will given any QLineEdit with the urgent property set to true red text on a yellow background.
Line 32:
Line 33:
  }</code>   }</code>
    
− This does not have to be limited to QLineEdits though. Setting the urgent property to true on a QCheckBox or QPushButton will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick. + This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.
    
  --[[User:Skumar rao|Skumar rao]] 15:11, 21 November 2010 (UTC)   --[[User:Skumar rao|Skumar rao]] 15:11, 21 November 2010 (UTC)




Jimgilmour1: minor spelling
2010-11-22T14:00:47Z
minor spelling

			
			
			
			
		
		← Older revision
		Revision as of 14:00, 22 November 2010
		
Line 6:
Line 6:
  |category=Qt   |category=Qt
  |subcategory= Qt GUI   |subcategory= Qt GUI
− |creationdate=21 December 2010 + |creationdate=21 November 2010
  |keywords= Style Sheet   |keywords= Style Sheet
  }}   }}
    
− The easiest way to customize the look of Qt applications with CSS without having to do by Painter function which might be relatively hard to do. Style sheets aer very light weight and faster way to improve the look and fool of Qt controls. For the real unique user experience, QtQuick and QGraphicsView is a better choice. + The easiest way to customize the look of Qt applications with CSS without having to do by Painter function which might be relatively hard to do. Style sheets are very light weight and faster way to improve the look and feel of Qt controls. For the real unique user experience, QtQuick and QGraphicsView is a better choice.
    
  When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all QLineEdit widgets a yellow background color. Here, the selector is the word QLineEdit.   When using stylesheets, styles are applied using selectors. For instance, the snippet below gives all QLineEdit widgets a yellow background color. Here, the selector is the word QLineEdit.

← Older revision		Revision as of 10:52, 13 June 2012
Line 51:		Line 51:
	This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.		This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.

−	--[[User:Skumar rao\|Skumar rao]] 15:11, 21 November 2010 (UTC)[[Category:MeeGo]] [[Category:Symbian]]	+	--[[User:Skumar rao\|Skumar rao]] 15:11, 21 November 2010 (UTC)[[Category:MeeGo Harmattan]] [[Category:Symbian]]

← Older revision		Revision as of 05:43, 15 February 2012
Line 43:		Line 43:
	This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.		This does not have to be limited to [http://doc.qt.nokia.com/4.7/qlineedit.html QLineEdits] though. Setting the urgent property to true on a [http://doc.qt.nokia.com/4.7/qcheckbox.html QCheckBox] or [http://doc.qt.nokia.com/4.7/qpushbutton.html QPushButton] will make their texts red as well. Basically, any stylesheet aware widget can be turned red using this simple trick.

−	--[[User:Skumar rao\|Skumar rao]] 15:11, 21 November 2010 (UTC)	+	--[[User:Skumar rao\|Skumar rao]] 15:11, 21 November 2010 (UTC)[[Category:MeeGo]] [[Category:Symbian]]

Archived:Dynamic use Qt StyleSheets - Revision history

Hamishwillee: Text replace - "" to ""

Hamishwillee: moved Dynamic use Qt StyleSheets to Archived:Dynamic use Qt StyleSheets

Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

Hamishwillee: moved How to use StyleSheets Dynamically to Dynamic use Qt StyleSheets: Better title

Hamishwillee: Hamishwillee - Bot update - Fix ArticleMetaData and other issues

Hamishwillee: Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

Hamishwillee: Hamishwillee - Bot change of template (Template:CodeSnippet) - now using Template:ArticleMetaData

Somnathbanik at 15:06, 31 May 2011

Somnathbanik at 15:05, 31 May 2011

Jimgilmour1: minor spelling

Hamishwillee: Text replace - "`" to ""`