Difference between revisions of "User:Gioto/sandbox"

From Gramps
Jump to: navigation, search
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
https://gramps-project.org/wiki/index.php/Gramps_5.2_Wiki_Manual_-_Main_Window
 
https://gramps-project.org/wiki/index.php/Gramps_5.2_Wiki_Manual_-_Main_Window
  
−
issues with table
+
<!-- ################################################################################# -->
−
* Rows not rendered correctly (width 100% not shown) on mobile site
+
<!-- Textual representation of Gramps interface -->
−
* not happy with colors
+
<!-- Issues with table
−
* styles need to be compressed and cleaned up
+
* Not happy with colors (can be changed later)
−
* will it be easy for translators to translate?
+
-->
−
 
+
<!-- Hi, I've tried my best with the table and it is only meant to be a representation and not exact. The reason the searchbar & bottombar's take up a full line is technically if you hide the navigator and sidebar that is how it is shown. the height of the display I've kept the same as the navigator & sidebar for simplicity. Regards Gioto -->
−
<!-- Textual representation of interface on left side with Annotated reference screenshot on right side -->
+
<!-- ################################################################################# -->
−
 
+
{| class="wikitable" style="width: 100%;" <!-- outer table start -->
−
{| class="wikitable" style="width: 100%;" <!-- outer table -->
 
 
| style="background-color:#E1DEDB;"|  <!-- outer table color -->
 
| style="background-color:#E1DEDB;"|  <!-- outer table color -->
−
{| class="wikitable" style="width: 100%;" <!-- top section table -->
+
<!-- ################################################################################# -->
 +
{| class="wikitable" style="width: 100%;" <!-- top section table start -->
 
|-
 
|-
 
|style="text-align:left; width: 100%; background-color:white;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Window_Title_Bar|Window Title Bar]]
 
|style="text-align:left; width: 100%; background-color:white;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Window_Title_Bar|Window Title Bar]]
Line 18: Line 18:
 
|-
 
|-
 
|style="text-align:left; width: 100%; background-color:white;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Toolbar|Toolbar]]
 
|style="text-align:left; width: 100%; background-color:white;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Toolbar|Toolbar]]
−
|}
+
|} <!-- top section table end -->
 +
<!-- ################################################################################# -->
 
{| class="wikitable"  style="width: 100%;"  <!-- middle section table  (searchbar) only -->
 
{| class="wikitable"  style="width: 100%;"  <!-- middle section table  (searchbar) only -->
−
|style="text-align:center; width: 100%; padding:10px"  | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Search_Bar|Search Bar]] <span style="font-size:88%">(Present only if Sidebar is not displayed.)</span>
+
|style="text-align:center; width: 100%; padding:10px"  | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Search_Bar|Search Bar]] <span style="font-size:88%">(Present only if Sidebar is not displayed.)(Not shown on Dashboard)</span>
 
|}
 
|}
−
{| class="wikitable" style="width: 100%;"  <!-- middle section table  (navigator/display area/sidebar) only -->
+
<!-- ################################################################################# -->
 +
{| class="wikitable" style="width: 100%;"  <!-- middle section table  (navigator/display area/sidebar) only [start]-->
 
|style="width: 20%; background-color:#F6F5F4;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Navigator|Navigator]]
 
|style="width: 20%; background-color:#F6F5F4;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Navigator|Navigator]]
−
|style="width: 60%; background-color:white; padding:40px" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Display_area|Display Area]]<!-- <span style="color:blue; background-color: white">Display Area</span> --> <!--[[File:DisplayArea-MainWindow-example-52.png]] -->
+
|style="width: 60%; background-color:white; padding:40px" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Display_area|Display Area]]<!-- <span style="color:blue; background-color: white">Display Area</span> -->
−
|style="width: 20%; background-color:#F6F5F4;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Bottombar_and_Sidebar|Sidebar]]<br> <span style="font-size:88%">(Not shown on Dashboard)</span> <!--[[File:Sidebar-MainWindow-example-52.png]] -->
+
|style="width: 20%; background-color:#F6F5F4;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Bottombar_and_Sidebar|Sidebar]]<br> <span style="font-size:88%">(Not shown on Dashboard)</span>  
 
|-
 
|-
−
|}
+
|}   <!-- middle section table  (navigator/display area/sidebar) only [end] -->
−
{| class="wikitable"  style="width: 100%;"  <!-- bottom section table -->
+
<!-- ################################################################################# -->
−
|style="text-align:center; width: 100%; padding:20px"  | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Bottombar_and_Sidebar|Bottombar]] <span style="font-size:88%">(Not shown on Dashboard)</span> <!--[[File:Bottombar-MainWindow-example-52.png]] -->
+
{| class="wikitable"  style="width: 100%;"  <!-- bottom section table start -->
 +
|style="text-align:center; width: 100%; padding:20px"  | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Bottombar_and_Sidebar|Bottombar]] <span style="font-size:88%">(Not shown on Dashboard)</span>
 
|-
 
|-
−
| style="background-color:#F6F5F4;" colspan="20" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Status_Bar_and_Progress_Bar|Status Bar and Progress Bar]] <!--[[File:StatusBar-and-ProgressBar-MainWindow-example-52.png]] -->
+
|style="text-align:left; width: 100%; background-color:#F6F5F4;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Status_Bar_and_Progress_Bar|Status Bar and Progress Bar]]
−
|}
+
|}  <!-- bottom section table end -->
−
|+ style="caption-side:bottom; color:blue;"| Textual representation of interface
+
<!-- ################################################################################# -->
−
<!-- || [[File:MainWindow-example-52.png|right|thumb|450px|Fig. {{#var:chapter}}.{{#vardefineecho:figure|{{#expr:{{#var:figure}}+1}}}} People Category - Tree View - Grouped People]] -->
+
|+ style="caption-side:bottom; color:blue;"| Fig. {{#var:chapter}}.{{#vardefineecho:figure|{{#expr:{{#var:figure}}+1}}}} Textual representation of Gramps interface
−
|+ style="caption-side:bottom; color:blue;"|Fig. {{#var:chapter}}.{{#vardefineecho:figure|{{#expr:{{#var:figure}}+1}}}} Annotated main Gramps window elements, based on "Grouped People" (List) View
+
<!-- ################################################################################# -->
−
|}
+
|} <!-- outer table end -->
−
 
+
<!-- ################################################################################# -->
−
<!-- Textual representation of interface on left side with Annotated reference screenshot on right side -->
+
<!-- Textual representation of interface -->
 +
<!-- ################################################################################# -->
  
 
=interface sections screenshots =
 
=interface sections screenshots =
Line 45: Line 49:
 
* [[File:Toolbar-MainWindow-example-52.png]]
 
* [[File:Toolbar-MainWindow-example-52.png]]
 
* [[File:SearchBar-MainWindow-example-52.png]]
 
* [[File:SearchBar-MainWindow-example-52.png]]
−
* [[File:Navigator-MainWindow-example-52.png]]
+
* [[File:Navigator-MainWindow-example-52.png]]  [[File:DisplayArea-MainWindow-example-52.png]] [[File:Sidebar-MainWindow-example-52.png]]
 +
* [[File:Bottombar-MainWindow-example-52.png]]
 +
* [[File:StatusBar-and-ProgressBar-MainWindow-example-52.png]]
 +
 
 +
[[File:MainWindow-example-52.png|right|thumb|450px|Fig. {{#var:chapter}}.{{#vardefineecho:figure|{{#expr:{{#var:figure}}+1}}}} People Category - Tree View - Grouped People]]

Latest revision as of 01:08, 20 March 2024

https://gramps-project.org/wiki/index.php/Gramps_5.2_Wiki_Manual_-_Main_Window

Window Title Bar
Menubar
Toolbar
Search Bar (Present only if Sidebar is not displayed.)(Not shown on Dashboard)
Navigator Display Area Sidebar
(Not shown on Dashboard)
Bottombar (Not shown on Dashboard)
Status Bar and Progress Bar
Fig. .1 Textual representation of Gramps interface

interface sections screenshots

  • WindowTitleBar-MainWindow-example-52.png
  • Menubar-MainWindow-example-52.png
  • Toolbar-MainWindow-example-52.png
  • SearchBar-MainWindow-example-52.png
  • Navigator-MainWindow-example-52.png DisplayArea-MainWindow-example-52.png Sidebar-MainWindow-example-52.png
  • Bottombar-MainWindow-example-52.png
  • StatusBar-and-ProgressBar-MainWindow-example-52.png
Fig. .2 People Category - Tree View - Grouped People
Retrieved from "https://gramps-project.org/wiki/index.php?title=User:Gioto/sandbox&oldid=103217"