Delete this page: Difference between revisions

VisualWikitext

Revision as of 18:20, 3 July 2025

Button Template[edit | edit source]

Records Display Name

Online
Research Help

Getting
Started

Buttons code but external class[edit | edit source]

Records Display Name

Online
Research Help

Getting
Started

Buttons code including class[edit | edit source]

Records Display Name

Online
Research Help

Getting
Started

@@ Line 1: / Line 1: @@
 {{Rating
-|WCAG=Non-compliant
+|WCAG=Compliant
 |WCAG_Notes=WCAG Notes
 |Content=Standardized
@@ Line 6: / Line 6: @@
 |Date_Change=2025-07-01
 |Importance=Standard
+|Date_Ingest=
 |AI_Notes=AI Notes
 }}
-==Font sizes==
-Here's some text
-* Here's a bullet one level down ([[Main Page]])
-* Here's a bullet two levels down ([[Main Page]])
-** Here's a bullet under another bullet ([[Main Page]])
-** Here's a bullet under another bullet ([[Main Page]])
-* <span style="font-family:Verdana !important;">Here's some text</span>
-==Headers==
+<div style="position:absolute; top:-50px; right:200px;">[[File:WCAG approval icon.png|50px|link=FamilySearch Wiki:Manual of Style - WCAG Requirements]]</div>
-Some tests with the headers
-===Level 3===
-Level 3 content
-====Level 4====
-Level 4 content
-=====Level 5=====
-Level 5 content
-=====Level 6=====
-Level 6 content
-==Indent testing information==
+==Button Template==
-===Before===
+{{ButtonsGroup
-Some text
+|RecordsName=Records Display Name
-: One indent
+|RecordsLink=Main Page
-:: Two indent (This contains an = sign)
+|StartedLink=Main Page
-::: Three indent
+}}
-:::: Four indent
-::::: Five indent
+==Buttons code but external class==
-:::::: Six indent (This contains an = sign)
+<div style="display:flex; flex-flow:row wrap; justify-content:flex-start; gap:20px;">
-::::::: Seven indent
+<div class="online_records_button" style="align-content:center;">[[{{{RecordsLink|Main Page}}}|{{{RecordsName|Records Display Name}}}]]</div>
+<div class="community_button" style="align-content:center;">[[Online Research Help|Online<br>Research Help]]</div>
+{{#if:{{{StartedLink|Main Page}}}|<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>|{{#ifexist: {{#replace:{{PAGENAME}}|Genealogy|}} Getting Started |<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>}}}}
+</div>
-===After===
+==Buttons code including class==
-Some text
+<div style="display:flex; flex-flow:row wrap; justify-content:flex-start; gap:20px;">
-{{Block indent|One indent}}
+<div style="align-content:center; background-color: #3073dd; border-radius: 10px; color: white !important; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block; text-decoration: none !important;">[[{{{RecordsLink|Main Page}}}|{{{RecordsName|Records Display Name}}}]]</div>
-{{Block indent|1=Two indent (This contains an = sign)|2=2}}
+<div style="align-content:center; background-color: #8a5c8a; border-radius: 10px; color: white; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block;">[[Online Research Help|Online<br>Research Help]]</div>
-{{Block indent|Three indent|3}}
+{{#if:{{{StartedLink|Main Page}}}|<div style="align-content:center; background-color: #d42111; border-radius: 10px; color: white; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>|{{#ifexist: {{#replace:{{PAGENAME}}|Genealogy|}} Getting Started |<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>}}}}
-{{Block indent|Four indent|4}}
+</div>
-{{Block indent|Five indent|5}}
-{{Block indent|1=Six indent (This contains an = sign)|2=5}}
-{{Block indent|Seven indent|5}}