Manual:Extension/ContentDroplets/Examples: Difference between revisions

No edit summary
Tag: 2017 source edit
No edit summary
 
(38 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">
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>


== Form fields ==
<div>
===Create page===
===Code===
{{CreateInput|alignment=left|buttonlabel=Create status report|preload=Template:PT Status report|placeholder=Enter page name|prefix=Status report/}}
<syntaxhighlight lang="css">
<br>
/* 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>
 
==Form fields==
===Create page ===
 
{{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 class="sectionflex col3 frame" style="clear:both">
<div>
<div>
===Section filter example 1===
===Content filter example 1===
<containerfilter></containerfilter>
<containerfilter></containerfilter>




{| class="wikitable"
{| class="wikitable"
|+
!City
!City
!Country
!Country
|-
|-
|Munich
|Munich
|Germany
| Germany
|-
|-
|Hamburg
|Hamburg  
|Germany
|Germany
|-
|-
Line 98: Line 145:
|-
|-
|Salzburg
|Salzburg
|Austria
| Austria
|}
|}
</div>
</div>
<div>
<div>
===Section filter example 2===
===Content filter example 2===
<containerfilter selector=".mylist li"/>
<containerfilter selector=".mylist li" />




<div class="mylist">
<div class="mylist">
* Apple, pear, orange
*Apple, pear, orange
* Apple
*Apple
* Orange
*Orange
* Orange, grape
*Orange, grape
* Grape
*Grape
</div>
</div>


Line 117: Line 164:
<div>
<div>
===Checklist===
===Checklist===
(Checklist status is only saved for users with "edit" permissions)
<bs:checklist type="list" value="false" list="Template:JF Status" />
<bs:checklist type="list" value="false" list="Template:JF Status" />
<br>
[[Manual:Extension/ContentDroplets/Checklist|See example "Meeting minutes"]]
</div>
</div>


<div>
<div>
===Checkbox===
===Checkbox===
(Checkbox status is only saved for users with "edit" permissions)
<bs:checkbox checked="false" /> Generate wiki instance
<bs:checkbox checked="false" /> Generate wiki instance
<bs:checkbox checked="false" /> Create user "customer"
<bs:checkbox checked="false" /> Create user "customer"
<bs:checkbox checked="false" /> Send password to customer
<bs:checkbox checked="false" /> Send password to customer
</div>
<div>
=== Search field===
<bs:tagsearch type="wikipage" namespace="Setup" operator="AND" />
</div>
</div>
</div>
</div>
Line 137: Line 199:
{{Textbox|boxtype=tip|header=|text=This is a  Tip 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=warning|header=|text=This is a Warning message.|icon=yes}}
{{Textbox|boxtype=message|header=|text=This is a generic message.|icon=yes}}
{{Textbox|boxtype=neutral|header=|text=This is a generic message.|icon=yes}}
</div>
</div>
<div>
<div>
===Progress===
=== Progress===
Inspector
'''Output'''<div><bs:statistics:progress basecount="5" progressitem="closed" width="300" baseitem="Statecheck:" /></div><br />
{| class="wikitable"
* This is my topic 1 (Statecheck:open)
!setting
!value
!description
|-
|Base count
|5
|number of items that are counted to reach 100%
|-
|Base item
|Is:
|prefix that specifies the progress item. If you do not provide a base item, the progress item could be to unspecific
|-
|Progress item
|closed
|item that will be counted towards the base count
|-
|Width
|300
|width in pixels
|}'''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)
Line 170: Line 211:
</div>
</div>
</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 176: Line 218:
* not customizable
* not customizable
* GDPR compliance unclear}}
* GDPR compliance unclear}}
===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 13:32, 17 August 2023

Lists

Statistics

(0)

  • Number of characters:
  • Number of files: 1116
  • Number of pages: 707
  • Number of users: 63

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
Progress bar at
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.