Manual:Extension/ContentDroplets/Examples: Difference between revisions

VisualWikitext

Latest revision as of 13:32, 17 August 2023

Lists

Statistics

Who is online? (0)

Number of characters:
Number of files: 1114
Number of pages: 703
Number of users: 63

Booklist

Getting started with Semantic MediaWiki

Links to this page

Content Droplets

Members in group

Most visited pages

Data query

Recent Changes

Subpages

My last visited pages

To see pages you have visited, please log in to your account

My watchlist

Watchlist cannot be displayed because no user is logged in

Visual formatting

Button

My page 1 My page 2 My page 3

Modal button

Google.com

Circled number

1 Preheat oven to 425°F

2 Mix all the ingredients

3 Bake for 40 minutes

4 Take out and let cool 30 mintes

5 Eat

Icon

User manual

Go to "Releases"

Admin info

Business updates

Customization

Code

/* Container holding the image and the text */
.container {
  position: relative;
}
/* Bottom right text */
.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

Math

$x={\frac {-b\pm {\sqrt {b^{2}-4ac}}}{2a}}$

Chem

${\ce {H2NCO2- + H2O <=> NH4+ + CO3^2-}}$

Form fields

Create page

Content filter example 1

City	Country
Munich	Germany
Hamburg	Germany
Vienna	Austria
Salzburg	Austria

Content filter example 2

Apple, pear, orange
Apple
Orange
Orange, grape
Grape

Checklist

(Checklist status is only saved for users with "edit" permissions)

See example "Meeting minutes"

Checkbox

(Checkbox status is only saved for users with "edit" permissions)

Generate wiki instance

Create user "customer"

Send password to customer

Search field

Other

Messages

This is a Note Message.

This is an Important Message.

This is a Tip Message.

This is a Warning message.

This is a generic message.

Progress

Output

80.0%

This is my topic 1 (Statecheck:open)
This is my topic 2 (Statecheck:closed)
This is my topic 3 (Statecheck:closed)
This is my topic 4 (Statecheck:closed)
This is my topic 5 (Statecheck:closed)

Pros and cons

Advantages	Disadvantages
affordable well-known easily accessible	somewhat dated look and feel not customizable GDPR compliance unclear

Attachments

Decision

implement

Map

Loading map...

Signature

Signatures

To submit feedback about this documentation, visit our community forum.

@@ Line 1: / Line 1: @@
-{{TOClimit|limit=1|nonum=1|notitle=1|noborder=0|fontlarge=0|inline=1}}
+{{TOClimit|limit=2|nonum=1|notitle=1|noborder=0|fontlarge=0|inline=0}}
 ==Lists==
 <div class="sectionflex col3 frame">
 <div>
-== Statistics ==
+=== Statistics ===
 <bs:whoisonlinepopup /> (<bs:whoisonlinecount />)
 * Number of characters: <bs:countcharacters mode="chars" />
@@ Line 51: / Line 52: @@
 <div>
 ===Button===
-{{ButtonLink|external=no|target=Main Page|label=My page 1|format=blue}}{{ButtonLink|external=no|target=Main Page|label=My page 2|format=red}}  {{ButtonLink|external=no|target=Main Page|label=My page 3|format=white}}
+{{ButtonLink|external=no|target=Main Page|label=My page 1|format=blue}}&nbsp;{{ButtonLink|external=no|target=Main Page|label=My page 2|format=red}}&nbsp;{{ButtonLink|external=no|target=Main Page|label=My page 3|format=white}}
 </div>
 <div>
@@ Line 71: / Line 72: @@
 {{CircledNumber|bgColor=#3e5389|fgColor=white|number=5}} Eat
 </div>
+<div>
+=== {{Icon|bi bi-bag-fill|||}}  Icon===
+{{Icon|bi bi-book|||}}  User manual
+{{Icon|bi bi-arrow-right-circle|||}}  Go to "Releases"
+{{Icon|bi bi-gear|||}}  Admin info
+{{Icon|bi bi-graph-up|||}}  Business updates
+<hr>
+<span style="text-align: center; display: block;">{{Icon|fas fa-university|2em|#08768D|}}<br></span>
+<span style="text-align: center; display: block;"><big>'''Customization'''</big></span>
+</div>
+<div>
+===Code===
+<syntaxhighlight lang="css">
+/* Container holding the image and the text */
+.container {
+  position: relative;
+}
+/* Bottom right text */
+.text-block {
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+</syntaxhighlight>
+</div>
+<div>
+===Math===
+<math>x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math>
+</div>
+<div>
+===Chem===
+<chem>H2NCO2- + H2O <=> NH4+ + CO3^2-</chem>
+</div>
+<div></div>
+<div></div>
 </div>
-===PDF preview===
+==Form fields==
-===Progress===
+===Create page ===
-Inspector
+{{CreateInput|alignment=left|buttonlabel=Create minutes|preload=Manual:Extension/ContentDroplets/Checklist|placeholder=Enter page name|prefix=Minutes/}}
+<br><br>
+<div class="sectionflex col3 frame" style="clear:both">
+<div>
+===Content filter example 1===
+<containerfilter></containerfilter>
 {| class="wikitable"
-!setting
+!City
-!value
+!Country
-!description
 |-
-|Base count
+|Munich
-|5
+| Germany
-|number of items that are counted to reach 100%
 |-
-|Base item
+|Hamburg
-|Is:
+|Germany
-|prefix that specifies the progress item. If you do not provide a base item, the progress item could be to unspecific
 |-
-|Progress item
+|Vienna
-|closed
+|Austria
-|item that will be counted towards the base count
 |-
-|Width
+|Salzburg
-|300
+| Austria
-|width in pixels
+|}
-|}'''Output'''<div><bs:statistics:progress basecount="5" progressitem="closed" width="300" baseitem="Statecheck:" /></div><br />
+</div>
-*This is my topic 1 (Statecheck:open)
+<div>
+===Content filter example 2===
+<containerfilter selector=".mylist li" />
+<div class="mylist">
+*Apple, pear, orange
+*Apple
+*Orange
+*Orange, grape
+*Grape
+</div>
+</div>
+<div>
+===Checklist===
+(Checklist status is only saved for users with "edit" permissions)
+<bs:checklist type="list" value="false" list="Template:JF Status" />
+<br>
+[[Manual:Extension/ContentDroplets/Checklist|See example "Meeting minutes"]]
+</div>
+<div>
+===Checkbox===
+(Checkbox status is only saved for users with "edit" permissions)
+<bs:checkbox checked="false" /> Generate wiki instance
+<bs:checkbox checked="false" /> Create user "customer"
+<bs:checkbox checked="false" /> Send password to customer
+</div>
+<div>
+=== Search field===
+<bs:tagsearch type="wikipage" namespace="Setup" operator="AND" />
+</div>
+</div>
+==Other==
+<div class="sectionflex col2 frame">
+<div>
+===Messages===
+{{Textbox|boxtype=note|header=|text=This is a Note Message.|icon=yes}}
+{{Textbox|boxtype=important|header=|text=This is an Important Message.|icon=yes}}
+{{Textbox|boxtype=tip|header=|text=This is a  Tip Message.|icon=yes}}
+{{Textbox|boxtype=warning|header=|text=This is a Warning message.|icon=yes}}
+{{Textbox|boxtype=neutral|header=|text=This is a generic message.|icon=yes}}
+</div>
+<div>
+=== Progress===
+'''Output'''<div><bs:statistics:progress basecount="5" progressitem="closed" width="300" baseitem="Statecheck:" /></div><br />
+* This is my topic 1 (Statecheck:open)
 *This is my topic 2 (Statecheck:closed)
 *This is my topic 3 (Statecheck:closed)
 *This is my topic 4 (Statecheck:closed)
 *This is my topic 5 (Statecheck:closed)
+</div>
+</div>
 ===Pros and cons===
 {{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* affordable
@@ Line 108: / Line 218: @@
 * not customizable
 * GDPR compliance unclear}}
-===Tip Message===
-{{Textbox|boxtype=tip|header=|text=This is a tip message.|icon=yes}}
+===Attachments===
+<attachments>
+</attachments>
+=== Decision ===
+{{Decision|decision=implement}}
+=== Tag cloud ===
+<bs:tagcloud renderer="text" store="category" width="100%" showcount="true" minsize="14" maxsize="30" exclude="Pages using Dynamic PageList parser function" />
+===Map===
+{{Map|Marienplatz, Munich~Famous tourist attraction|Munich, Germany}}
+===Signature===
+<bs:signhere />