Manual:Extension/ContentDroplets/Examples: Difference between revisions

No edit summary
Tag: 2017 source edit
No edit summary
 
(54 intermediate revisions by the same user not shown)
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==
==Lists==
<div class="sectionflex col3 frame">
<div class="sectionflex col3 frame">
<div>
<div>
== Statistics ==
=== Statistics ===
<bs:whoisonlinepopup /> (<bs:whoisonlinecount />)
<bs:whoisonlinepopup /> (<bs:whoisonlinecount />)
* Number of characters: <bs:countcharacters mode="chars" />
* Number of characters: <bs:countcharacters mode="chars" />
Line 71: Line 72:
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=5}} Eat
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=5}} Eat
</div>
</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>
</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"
{| 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 2 (Statecheck:closed)
*This is my topic 3 (Statecheck:closed)
*This is my topic 3 (Statecheck:closed)
*This is my topic 4 (Statecheck:closed)
*This is my topic 4 (Statecheck:closed)
*This is my topic 5 (Statecheck:closed)
*This is my topic 5 (Statecheck:closed)
</div>
</div>
===Pros and cons===
===Pros and cons===
{{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* affordable
{{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* affordable
Line 108: Line 218:
* not customizable
* not customizable
* GDPR compliance unclear}}
* 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 />

Latest revision as of 14:32, 17 August 2023

Lists

Statistics

Who is online? (0)

  • Number of characters:
  • Number of files: 1016
  • Number of pages: 670
  • Number of users: 57

Links to this page

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

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

Chem

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


Tag cloud

Map

Loading map...


Signature

Signatures




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

No categories assignedEdit

Discussions