Xfce Wiki

Sub domains
 

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
releng:4.16:roadmap:general_ui:csd [2019/09/17 20:31] – [Scenario 2: Full CSD, not full HeaderBar] andreldmreleng:4.16:roadmap:general_ui:csd [2020/08/20 20:50] (current) – add footer nav kevinbowen
Line 3: Line 3:
 Code: https://git.xfce.org/users/ochosi/libxfce4ui/log/?h=headerbar Code: https://git.xfce.org/users/ochosi/libxfce4ui/log/?h=headerbar
  
-To use the new HeaderBar in lieu of the traditional XfceTitledDialog heading just add a <property id="use_header_bar">1</property> to your glade file or set the property when creating the dialog via g_object_new. (Note that this setting has to be set at construct time.)+To use the new HeaderBar in lieu of the traditional XfceTitledDialog heading just add a <property name="use_header_bar">1</property> to your glade file or set the property when creating the dialog via g_object_new. (Note that this setting has to be set at construct time.) 
 + 
 +//For 4.16 we will be going with Scenario 2.// 
 + 
 +---- 
 ===== Scenarios ===== ===== Scenarios =====
-  - Go "complete" CSD/HeaderBar 
-  - Full CSD, not full HeaderBar 
-  - Use CSD only for XfceTitledDialog 
-  - Stay where we are 
  
 ==== Scenario 1: Go "complete" CSD/HeaderBar ==== ==== Scenario 1: Go "complete" CSD/HeaderBar ====
Line 15: Line 16:
 This scenario should not be taken as a "go full Gnome style". Despite the fact that HeaderBars by default suck in the ButtonBox/ActionArea of Dialogs, those bottom elements can be retained (as you can see in the screenshots below). This scenario should not be taken as a "go full Gnome style". Despite the fact that HeaderBars by default suck in the ButtonBox/ActionArea of Dialogs, those bottom elements can be retained (as you can see in the screenshots below).
 [[https://elementary.io|elementary]] would be one proponent of a Desktop Environment using CSD, albeit without the background of also providing the DE to mobile devices. Hence their usage/implementation of CSD is "less pronounced" than Gnome's, see e.g. their Video Player. (The elementary example is only meant to illustrate that there isn't only one way to use HeaderBars.) [[https://elementary.io|elementary]] would be one proponent of a Desktop Environment using CSD, albeit without the background of also providing the DE to mobile devices. Hence their usage/implementation of CSD is "less pronounced" than Gnome's, see e.g. their Video Player. (The elementary example is only meant to illustrate that there isn't only one way to use HeaderBars.)
-==== Scenario 2: Full CSD, not full HeaderBar ====+ 
 +==== Scenario 2: Full CSD, not full HeaderBar (selected for 4.16) ====
  
 This means This means
   * replacing XfceTitledDialog with a HeaderBar containing "[icon] [title|subtitle] [window controls]"   * replacing XfceTitledDialog with a HeaderBar containing "[icon] [title|subtitle] [window controls]"
-  * re-designing those apps that seem like low-hanging fruit (Taskmanager? Parole?)+  * re-designing those apps that seem like low-hanging fruit (Taskmanager?)
   * using CSD only as simple window decorations for applications   * using CSD only as simple window decorations for applications
-  * SSD can still be dropped from xfwm4 
   * this ensures we can gradually make changes and get feedback along the way   * this ensures we can gradually make changes and get feedback along the way
  
 ==== Scenario 3: Use CSD only for XfceTitledDialog ==== ==== Scenario 3: Use CSD only for XfceTitledDialog ====
  
-This means only using CSD for XfceTitledDialog (see scenario 2) and leaving the rest unchanged, so Xfwm4 decorations for applications like Thunar.+This means 
 +  * only using CSD for XfceTitledDialog (see scenario 2) and leaving the rest unchanged, so Xfwm4 decorations for applications like Thunar. 
 +  * low effort 
 +  * visual inconsistency and uncertainty for app devs if they can/should/shouldn't switch to CSD
  
 ==== Scenario 4: Stay where we are ==== ==== Scenario 4: Stay where we are ====
Line 32: Line 36:
 This means changing nothing with respect to window decorations or XfceTitledDialog. This means changing nothing with respect to window decorations or XfceTitledDialog.
  
-===== Advantages and Disadvantages =====+---- 
 + 
 +===== General Advantages and Disadvantages =====
  
 Advantages of current XfceTitledHeader: Advantages of current XfceTitledHeader:
Line 58: Line 64:
   * Risk of inconsistency if we don't write down good guidelines how headerbars/CSD should look in Xfce (example of possible inconsistency: app icons or not, window title or not)   * Risk of inconsistency if we don't write down good guidelines how headerbars/CSD should look in Xfce (example of possible inconsistency: app icons or not, window title or not)
   * Users cannot match titlebar style and Gtk+ style independently (so if they don't like the look, they have to search for another theme)   * Users cannot match titlebar style and Gtk+ style independently (so if they don't like the look, they have to search for another theme)
 +
 +----
  
 ====== Screenshots ====== ====== Screenshots ======
Line 65: Line 73:
 ===== Preferences Dialogs (libxfce4ui aka XfceTitledDialog) ===== ===== Preferences Dialogs (libxfce4ui aka XfceTitledDialog) =====
  
 +==== Panel Settings (Dark Mode enabled) ====
 +
 +{{:releng:4.16:roadmap:general_ui:panel-dark.png?direct&200|}}
 +{{:releng:4.16:roadmap:general_ui:panel-dark-csd.png?direct&200|}}
 ==== Appearance Settings ==== ==== Appearance Settings ====
  
Line 81: Line 93:
 ===== Applications ===== ===== Applications =====
  
 +Three applications, one with a headerbar redesign (Taskmanager), one which is practically a settings dialog (Notifyd) and one with a minimal/zero-redesign CSD (Parole) to highlight different options/steps we have/can take when trying a transition.
 ==== Taskmanager ==== ==== Taskmanager ====
  
Line 103: Line 116:
 {{:releng:4.16:roadmap:general_ui:parole.png?direct&200|}} {{:releng:4.16:roadmap:general_ui:parole.png?direct&200|}}
 {{:releng:4.16:roadmap:general_ui:parole-csd.png?direct&200|}} {{:releng:4.16:roadmap:general_ui:parole-csd.png?direct&200|}}
 +
 +[[|Back to Top]]
 +----
 +[[:releng:4.16:roadmap:|Back to 4.16 Roadmap main page]]