Manual:Extension/ContentDroplets/Examples: Difference between revisions

No edit summary
Tag: 2017 source edit
No edit summary
 
(93 intermediate revisions by the same user not shown)
Line 1: Line 1:
Currently logged in: <bs:whoisonlinepopup />
{{TOClimit|limit=2|nonum=1|notitle=1|noborder=0|fontlarge=0|inline=0}}
<div class="sectionflex col3 background">
 
==Lists==
<div class="sectionflex col3 frame">
<div>
<div>
== Statistics ==
=== Statistics ===
<bs:whoisonlinepopup /> (<bs:whoisonlinecount />)
* Number of characters: <bs:countcharacters mode="chars" />
* Number of characters: <bs:countcharacters mode="chars" />
* Number of files: <bs:countfiles />
* Number of files: <bs:countfiles />
* Number of pages: <bs:countarticles />
* Number of pages: <bs:countarticles />
* Number of users: <bs:countusers />
* Number of users: <bs:countusers />
* Number of users logged in: <bs:whoisonlinecount />
</div>
</div>
<div>
===Booklist===
<bs:booklist filter="author1:Margit Link-Rodrigue" />
</div>
</div>
==Lists==
<div>
===Links to this page===
<whatlinkshere count="5" period="-" sort="time" showns="0" />
</div>
<div>
===Members in group===
<bs:userlist groups="sysop" count="10" />
</div>
<div>
===Most visited pages===
<bs:toplist count="6" period="-" />
</div>
<div>
===Data query===
<dataquery modified="+" format="ul" count="6" namespaces="Manual" />
</div>
<div>
===Recent Changes===
<recentchanges count="6" period="-" sort="time" showns="0" />
</div>
<div>
===Subpages===
{{Subpages|parentnamespace=Manual|parentpage=Extension/ContentDroplets|cols=no|bullets=yes}}
</div>
<div>
===My last visited pages===
<bs:pagesvisited count="6" maxtitlelength="30" order="time" />
</div>
<div>
===My watchlist===
<bs:watchlist count="6" maxtitlelength="30" order="time" />
</div>
</div>
==Visual formatting==
<div class="sectionflex col3 frame">
<div class="sectionflex col3 frame">
<div>
<div>
===Booklist===
===Button===
<bs:booklist filter="author:Mlink-rodrigue" />
{{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>
===Modal button===
{{ModalDialog|title=Legal notice|btnLabel=Google.com|body=You are leaving this website. We are not responsible for any content beyond this point.
 
[https://google.com Visit google.com]|bgcolor=blue|footer=}}
</div>
<div>
===Circled number===
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=1}} Preheat oven to 425°F
 
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=2}} Mix all the ingredients
 
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=3}} Bake for 40 minutes
 
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=4}} Take out and let cool 30 mintes
 
{{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>
 
==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>
===Content filter example 1===
<containerfilter></containerfilter>
 
 
{| class="wikitable"
!City
!Country
|-
|Munich
| Germany
|-
|Hamburg
|Germany
|-
|Vienna
|Austria
|-
|Salzburg
| Austria
|}
</div>
<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>
<div>
<div>
===Logged-in users===
=== Progress===
<bs:whoisonlinepopup />
'''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>
</div>
</div>
===Pros and cons===
{{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* affordable
* well-known
* easily accessible|disadvantages=* somewhat dated look and feel
* not customizable
* 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: 1114
  • Number of pages: 703
  • 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.