Difference between revisions of "User:Gioto/sandbox"

From Gramps
 
(30 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_6.0_Wiki_Manual_-_Main_Window
 
 
issues with table
 
* Rows not rendered correctly (width 100% not shown) on mobile site
 
* not happy with colors (can be changed later)
 
 
 
<!-- Textual representation of interface on left side with Annotated reference screenshot on right side -->
 
  
 +
<!-- ################################################################################# -->
 +
<!-- Textual representation of Gramps interface -->
 +
<!-- Issues with table
 +
* Not happy with colors (can be changed later)
 +
-->
 +
<!-- 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 -->
 +
<!-- ################################################################################# -->
 
{| class="wikitable" style="width: 100%;" <!-- outer table start -->
 
{| class="wikitable" style="width: 100%;" <!-- outer table start -->
 
| style="background-color:#E1DEDB;"|  <!-- outer table color -->
 
| style="background-color:#E1DEDB;"|  <!-- outer table color -->
 
+
<!-- ################################################################################# -->
 
{| class="wikitable" style="width: 100%;" <!-- top section table start -->
 
{| 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_6.0_Wiki_Manual_-_Main_Window#Window_Title_Bar|Window Title Bar]]
 
|-
 
|-
|style="text-align:left; width: 100%; background-color:#F6F5F4;" | [[Gramps_5.2_Wiki_Manual_-_Main_Window#Menubar|Menubar]]
+
|style="text-align:left; width: 100%; background-color:#F6F5F4;" | [[Gramps_6.0_Wiki_Manual_-_Main_Window#Menubar|Menubar]]
 
|-
 
|-
|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_6.0_Wiki_Manual_-_Main_Window#Toolbar|Toolbar]]
 
|}  <!-- top section table end -->
 
|}  <!-- 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_6.0_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 [start]-->
 
{| 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_6.0_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> -->
+
|style="width: 60%; background-color:white; padding:40px" | [[Gramps_6.0_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>  
+
|style="width: 20%; background-color:#F6F5F4;" | [[Gramps_6.0_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] -->
 
|}  <!-- middle section table  (navigator/display area/sidebar) only [end] -->
 
+
<!-- ################################################################################# -->
 
{| class="wikitable"  style="width: 100%;"  <!-- bottom section table start -->
 
{| 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="text-align:center; width: 100%; padding:20px"  | [[Gramps_6.0_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]]
+
|style="text-align:left; width: 100%; background-color:#F6F5F4;" | [[Gramps_6.0_Wiki_Manual_-_Main_Window#Status_Bar_and_Progress_Bar|Status Bar and Progress Bar]]
 
|}  <!-- bottom section table end -->
 
|}  <!-- bottom section table end -->
 +
<!-- ################################################################################# -->
 +
|+ style="caption-side:bottom; color:blue;"| Fig. {{#var:chapter}}.{{#vardefineecho:figure|{{#expr:{{#var:figure}}+1}}}} Textual representation of Gramps interface
 +
<!-- ################################################################################# -->
 +
|}  <!-- outer table end -->
 +
<!-- ################################################################################# -->
 +
<!-- Textual representation of interface -->
 +
<!-- ################################################################################# -->
  
|+ style="caption-side:bottom; color:blue;"| Fig. {{#var:chapter}}.{{#vardefineecho:figure|{{#expr:{{#var:figure}}+1}}}} Textual representation of interface
+
=interface sections screenshots =
 +
* [[File:WindowTitleBar-MainWindow-example-60.png]]
 +
* [[File:Menubar-MainWindow-example-60.png]]
 +
* [[File:Toolbar-MainWindow-example-60.png]]
 +
* [[File:SearchBar-MainWindow-example-60.png]]
 +
* [[File:Navigator-MainWindow-example-60.png]]  [[File:DisplayArea-MainWindow-example-60.png]] [[File:Sidebar-MainWindow-example-60.png]]
 +
* [[File:Bottombar-MainWindow-example-60.png]]
 +
* [[File:StatusBar-and-ProgressBar-MainWindow-example-60.png]]
  
<!-- || [[File:MainWindow-example-52.png|right|thumb|450px|Fig. {{#var:chapter}}.{{#vardefineecho:figure|{{#expr:{{#var:figure}}+1}}}} People Category - Tree View - Grouped People]]  
+
[[File:MainWindow-example-60.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}}}} Annotated main Gramps window elements, based on "Grouped People" (List) View -->
 
  
|} <!-- outer table end -->
+
{{-}}#################
 +
---------------
 +
Test external images
 +
<!--
 +
github
 +
{{-}}#################
 +
this goes to github information page about the page
 +
https://github.com/kajmikkelsen/HistContext/blob/master/gramplet.png
 +
{{-}}#################
 +
test using permalink?
 +
https://github.com/kajmikkelsen/HistContext/blob/435c28a4f231150d06b99b79d6cbb8085bd802bd/gramplet.png
 +
{{-}}#################
 +
test if raw link works?
 +
https://github.com/kajmikkelsen/HistContext/blob/master/gramplet.png?raw=true
 +
{{-}}#################
 +
https://raw.githubusercontent.com/kajmikkelsen/HistContext/refs/heads/master/gramplet.png
 +
{{-}}#################
 +
-------------
  
<!-- Textual representation of interface on left side with Annotated reference screenshot on right side -->
+
discourse
 
 
=interface sections screenshots =
 
* [[File:WindowTitleBar-MainWindow-example-52.png]]
 
* [[File:Menubar-MainWindow-example-52.png]]
 
* [[File:Toolbar-MainWindow-example-52.png]]
 
* [[File:SearchBar-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]]
+
seems that images on discourse are all stored on the canada1 CDN for the gramps forum
 +
{{-}}#################
 +
https://canada1.discourse-cdn.com/free1/uploads/gramps/original/2X/3/3ae6e85a9c69d04cd4dd50c8fbfc99bc4ed2124c.png
 +
{{-}}#################
 +
https://canada1.discourse-cdn.com/free1/uploads/gramps/original/2X/e/ed53f29472f2c946f745f0dd4c72ac0e71542e46.png
 +
{{-}}#################
 +
<nowiki>https://canada1.discourse-cdn.com</nowiki>
 +
-->

Latest revision as of 02:16, 20 October 2025

https://gramps-project.org/wiki/index.php/Gramps_6.0_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-60.png
  • Menubar-MainWindow-example-60.png
  • Toolbar-MainWindow-example-60.png
  • SearchBar-MainWindow-example-60.png
  • Navigator-MainWindow-example-60.png DisplayArea-MainWindow-example-60.png Sidebar-MainWindow-example-60.png
  • Bottombar-MainWindow-example-60.png
  • StatusBar-and-ProgressBar-MainWindow-example-60.png
Fig. .2 People Category - Tree View - Grouped People


#################


Test external images