Cookie consent settingsAccept all
  • Skip to header bar
  • Skip to main navigation
  • Skip to page tools
  • Skip to work area
  • New process
  • Overview
    • Files
    • Processes
    • Ratings
    • Recommendations
    • WikiExplorer
    • Workflows
  • Login
Book navigation as tree structure
Main navigation
User manual
PreviousNext
Edit book
Main navigation contains tabs, main links and MediaWiki sidebar
To book navigation
Entrypoints
  • Main Page
  • Pages
  • Books
  • Blogs
  • Recent changes
Quick Links
  • All topics
  • Video-Tutorials
  • Templates download
Documentation
  • Security Advisories
  • Installation
  • Releases
  • Software catalog
  • Trust & Safety
Books
  • User manual
  • Admin manual
  • Semantic MediaWiki basics
Participate
  • BlueSpice community
You are viewing an old version of this page. Return to the latest version.
This is the version of 13 April 2023, 16:07 by Redaktion
PreviousNext
  • Manual
  • Extension
    • ContentDroplets
      • Differences
      Last edited one week ago
      by Laetitia Huyghe

      2.2.6 Content droplets

      • Deutsch
      Back to version history
      Browse history interactively
      ← Older edit
      Visual
      Wikitext
      Revision as of 16:07, 13 April 2023 view source
      Redaktion (talk | contribs)
      ES_editors, Administrators
      7,849 edits
      No edit summary
      Tag: 2017 source edit
      ← Older edit
      Latest revision as of 12:44, 26 May 2025 view source
      Laetitia Huyghe (talk | contribs)
      Administrators
      382 edits
      No edit summary
      Tag: Visual edit
       
      (120 intermediate revisions by 3 users not shown)
      Line 1: Line 1:
      {{BSVersion|bsvFrom=4.3|bsvTo=|bsvFeature=ContentDroplets|text=}}
      {{DISPLAYTITLE:Content Droplets}}
       
      {{BSVersion|bsvFrom=4.3.2|bsvFeature=ContentDroplets}}
      To insert additional functionality in a wiki page, you can use Content droplets. Content droplets include tags, that were previously accessed from ''Insert > Magic word'' in the editor toolbar.  They also provide access to some templates that are preconfigured in the wiki, such as message boxes.
      {{TOClimit|limit=1}}
      To insert additional functionality in a wiki page, you can use Content droplets. Content droplets include tags that were previously accessed from ''Insert > Magic word'' in the editor toolbar.  They also provide access to some templates that are preconfigured in the wiki, such as message boxes.


      == Adding a droplet to a page ==
      == Adding a droplet to a page ==
      To add a droplet to a page:
      To add a droplet to a page:


      # '''Click''' the Content droplets icon in the editor toolbar.
      # '''Click''' the Content droplets icon in the editor toolbar or type <code><nowiki><<</nowiki></code>.
      # '''Search''' for a droplet name in the search bar of the droplets menu or browse the droplets by category.[[File:droplet menu.png|none|thumb|550x550px]]
      #'''Search''' for a droplet name in the search bar of the droplets menu or browse the droplets by category. [[File:droplet menu.png|alt=Content Droplets menu|none|thumb|550x550px|Content Droplets menu]]
      # '''Select''' a droplet
      #'''Select''' a droplet
      # '''Click''' ''Insert''.
      #'''Click''' ''Insert''.
      {{Messagebox|boxtype=note|icon=|Note text=Some droplets open an inspector menu which contains another ''Insert'' button. Be sure to confirm that button as well.|bgcolor=}} Based on the type of droplet, you can continue with configuring the droplet as needed.
      {{Messagebox|boxtype=note|icon=|Note text=Some droplets open an inspector menu which contains another ''Insert'' button. Be sure to confirm that button as well.|bgcolor=}}  
      Based on the type of droplet, you can continue with configuring the droplet as needed.
       
      ==List of droplets==
      {{Icon|bi bi-arrow-right-circle|||}} [[Manual:Extension/ContentDroplets/Examples|View examples of droplets outputs.]]
       
       
      <containerfilter selector=".wikitable tr">


      == List of droplets ==
      </containerfilter>
      {| class="wikitable" style="width: 100%;"
      {| class="wikitable" style="width: 100%;"
      ! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |'''Droplet'''
      ! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |'''Droplet'''
      ! style="background-color:rgb(234, 236, 240);text-align:center;width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |'''Description'''
      ! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |'''Description'''
      !Inserts the following in the page source:
      ! style="" |Inserts the following in the page source:
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Attachments]]{{#info: <text>}}
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Attachments]] {{PopImg|file=attachments.png|alt=Screenshot of the attachments area|caption=Attachments output|width=600}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Area for organising attachments
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Area for organising attachments
      |<code><nowiki><attachments title="Attachments area"></nowiki></code>
      | style="" |<code><nowiki><attachments title="Attachments area"></nowiki></code>


      <code>* <nowiki>[[Media:Financial_Sample.xlsx]]</nowiki></code>
      <code>* <nowiki>[[Media:Financial_Sample.xlsx]]</nowiki></code>
      Line 26: Line 34:
      <code><nowiki></attachments></nowiki></code>
      <code><nowiki></attachments></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Booklist
      | style="" class="" |Book PDF link{{Bsvs|bsvFrom=4.4}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of books based on a filter value
      | style="" |PDF-download link to a book
      |<code><nowiki><bs:booklist filter="Author:WikiSysop" /></nowiki></code>
      | style="" |<code><nowiki>{{BookPDFLink|book=Testbook|template=BlueSpice%20Book|label=Book PDF Link}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Extension:Cognitive_Process_Designer|BPMN diagram]]
      | style="" class="" |Book table of contents{{PopImg|file=droplet-BookTOC.png|alt=First chapter of the book "Admin manual"|caption=Book table of contents|width=600}}{{Bsvs|bsvFrom=4.4}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Editable BPMN diagram
      | style="" |Inserts the ToC of any book in a wiki page
      |<code><nowiki><bpmn name="Test:Erm31642" /></nowiki></code>
      | style="" |<code><nowiki><booknav book="Admin_manual" chapter="1" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/ButtonLink|Button]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |Booklist
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Link that is styled as a button
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of books based on a filter value. The value needs to be defined as a metadata value in the book settings
      |<code><nowiki>{{ButtonLink|target=Main Page|label=click me!|format=blue}}</nowiki></code>
      | style="" |<code><nowiki><bs:booklist filter="Author:WikiSysop" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Extension:CategoryTree|Categorytree]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Templates download/ButtonLink|Button]]{{PopImg|file=HW-ButtonLink.png|alt=Screenshot of three colored button links|caption=Links styled as buttons|width=400}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Selected categories are shown in a tree structure
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Link that is styled as a button
      |<code><nowiki><categorytree>TestCat</categorytree></nowiki></code>
      | style="" |<code><nowiki>{{ButtonLink|target=Main Page|label=click me!|format=blue}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceChecklist#Creating a checkbox|Checkbox]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[mediawikiwiki:Extension:CategoryTree|Categorytree]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Checkbox that can be checked in view mode
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Selected categories are shown in a tree structure
      |<code><bs:checkbox checked="true" /></code>
      | style="" |<code><nowiki><categorytree>TestCat</categorytree></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceChecklist#Creating a checkbox|Checklist]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceChecklist|Checklist]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List that allows to set a value in view mode
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List that allows to set a value in view mode
      |<code><nowiki><bs:checklist type="list" checked="true" list="Template:Status" value="Select status" /></nowiki></code>
      | style="" |<code><nowiki><bs:checklist type="list" checked="true" list="Template:Status" value="Select status" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[wikipedia:Help:Displaying_a_formula#Chemistry|Chemical formula]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[wikipedia:Help:Displaying_a_formula#Chemistry|Chemical formula]] {{PopImg|file=chem.png|alt=screenshot of the chemical formula|caption=Chemical formula|width=300}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Display of chemical formulas
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Display of chemical formulas
      |<code><nowiki><chem>H2O</chem></nowiki></code>
      | style="" |<code><nowiki><chem>H2O</chem></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Circled number
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |Circled number
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Number in a circle with customizable color
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Number in a circle with customizable color  
      |<code><nowiki>{{CircledNumber|bgColor=black|fgColor=yellow|number=180}}</nowiki></code>
      | style="" |<code><nowiki>{{CircledNumber|bgColor=black|fgColor=yellow|number=180}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Reference:SyntaxHighlight|Code]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Reference:SyntaxHighlight|Code]]{{PopImg|file=syntaxhighlight.png|alt=Screenshot of a code area with css syntax|caption=Code area for a css example}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Highlighted section for code examples
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Highlighted section for code examples
      |<code><nowiki><syntaxhighlight lang="css"></nowiki></code>
      | style="" |<code><nowiki><syntaxhighlight lang="css"></nowiki></code>


      <code>.hi {background:blue;}</code>
      <code>.hi {background:blue;}</code>
      Line 66: Line 74:
      <code><nowiki></syntaxhighlight></nowiki></code>
      <code><nowiki></syntaxhighlight></nowiki></code>
      |-
      |-
      |[[Manual:Extension/InputBox|Create page]]
      | style="" class="" |[[Reference:ContainerFilter|Content Filter]]
      | style="" |Allows you to filter tables or lists.
      | style="" |<code><nowiki><containerfilter /></nowiki></code>
      |-
      | style="width:190px;" class="" |[[Manual:Extension/InputBox|Create page]]
      | style="width:380px;" |Form field for predefined page creation
      | style="width:380px;" |Form field for predefined page creation
      |<code><nowiki>{{CreateInput|alignment=left|buttonlabel=Create}}</nowiki></code>
      | style="" |<code><nowiki>{{CreateInput|alignment=left|buttonlabel=Create}}</nowiki></code>
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[SMW queries#Content droplet .22Data query.22 v4.3.2B|Data query]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Enables queries on content in the wiki
      | style="" |<code><nowiki><dataquery modified="+" format="ul" count="6" namespaces="Main" /></nowiki></code>
      |-
      | style="" class="" |Date{{Bsvs|bsvFrom=4.4}}{{PopImg|file=ContentDroplets date.png|alt=Screenshot of a date|caption=Date display}}
      | style="" |Inserts a date. This can be used in combination with the content droplet ''Task list''
      | style="" |<code><datetime>2023-11-23</datetime></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Data query
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/ContentDroplets#Decision|Decision]]{{PopImg|file=droplet decision.png|alt=Example of a decision|caption=Decision output|width=600}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Enables queries on content in the wiki
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Highlights a decision as a page property
      |<code><nowiki>{{SMWReport|count=10}}</nowiki></code>
      | style="" |<code><nowiki>{{Decision|decision=Eat more veggies}}{{Decision|decision=Buy new car}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Decision
      | style="" class="" |Decision  overview{{PopImg|file=ContentDroplets Decision report.png|alt=Decision report table|caption=Decision report output|width=600}}{{Bsvs|bsvTo=|bsvFrom=4.4}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Highlights a decision as a page property
      | style="" |Table with a list of decisions that were created by the ''Decision'' content droplet<br />
      |<code><nowiki>{{Decision|decision=Eat more veggies}}{{Decision|decision=Buy new car}}</nowiki></code>
      | style="" |<code><nowiki><decisionoverview namespaces=""></decisionoverview></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/DrawioEditor|Diagram]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/DrawioEditor|Diagram]] {{PopImg|file=BlueSpice_system_architecture_high_level.drawio.png|alt=Example of a server structure diagram|caption=Drawio diagram|width=600}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Editable draw.io diagram
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Editable draw.io diagram  
      |<code><nowiki><drawio filename="Mydiagram"></nowiki></code>
      | style="" |<code><nowiki><drawio filename="Mydiagram"></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Help:Images#Gallery_syntax|Gallery]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |Exclude content in PDF
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Displays an image gallery
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Content within this section is excluded from the  PDF export
      |<code><nowiki><gallery></nowiki></code>
      | style="" |<code><nowiki><pdfexcludestart /></nowiki>Do not export this text<nowiki><pdfexcludeend /></nowiki></code>
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[mediawikiwiki:Help:Images#Gallery_syntax|Gallery]]{{PopImg|file=droplet gallery.png|alt=Example of a gallery with three fish|caption=Gallery|width=}}
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" | Displays an image gallery
      | style="" |<code><nowiki><gallery></nowiki></code>


      <code>File:test1.png</code>
      <code>File:test1.png</code>
      Line 92: Line 116:
      <code><nowiki></gallery></nowiki></code>
      <code><nowiki></gallery></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/Icon|Icon]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/ContentDroplets/Icon|Icon]]{{PopImg|file=icon.png|alt=Example of a bootstrap icon|caption=Icons template}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Inserts an icon
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Inserts an icon
      |<code><nowiki>{{Icon|bi bi-arrow-left-circle}}</nowiki></code>
      | style="" |<code><nowiki>{{Icon|bi bi-arrow-left-circle}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/Messagebox|Important Message]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Templates download/Messagebox|Important Message]]{{PopImg|file=message-important.png|alt=Screenshot of important message|caption=Message of type "important"}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a important note
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a important note
      |<code><nowiki>{{Textbox|boxtype=important|header=OMG|text=Important|icon=yes}}</nowiki></code>
      | style="" |<code><nowiki>{{Textbox|boxtype=important|header=OMG|text=Important|icon=yes}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceSmartList|Links to this page]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceSmartList|Links to this page]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of pages that link to this page
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of pages that link to this page
      |<code><nowiki>{{Whatlinkshere|count=5|sort=time|order=DESC}}</nowiki></code>
      | style="" |<code><nowiki><whatlinkshere period="-" sort="time" showns="0" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Reference:BlueSpiceWhoIsOnline|List of users logged in]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Reference:BlueSpiceWhoIsOnline|List of users logged in]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Pop-up with a list of all users that are currently logged in
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Pop-up with a list of all users that are currently logged in
      |<code><nowiki><bs:whoisonlinepopup /></nowiki></code>
      | style="" |<code><nowiki><bs:whoisonlinepopup /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[https://maps.extension.wiki/wiki/Displaying_Leaflet_maps Map]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/Maps|Map]]{{PopImg|file=map.png|alt=Screenshot of the map output|caption=Map output with text marker}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Locations can be marked on the map
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Locations can be marked on the map
      |<code><nowiki>{{Map|Munich ~ Hello there!|Munich, Germany}}</nowiki></code>
      | style="" |<code><nowiki>{{Map|Munich ~ Hello there!|Munich, Germany}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[mediawikiwiki:Help:VisualEditor/User_guide#Editing_mathematical_formulae|Mathematical formula]]{{#info:[[File:math.png|alt&#61;Mathematical formula|thumb|180x180px|Mathematical formula]]}}
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[mediawikiwiki:Help:VisualEditor/User_guide#Editing_mathematical_formulae|Mathematical formula]]{{PopImg|file=math.png|alt=Math formula|caption=Screenshot of a math formula}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Display of mathematical formulas
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Display of mathematical formulas
      |<code><nowiki><math>\tfrac{2}{4}</math></nowiki></code>
      | style="" |<code><nowiki><math>\tfrac{2}{4}</math></nowiki></code>
      |-
      |-
      |Member list
      | style="width:190px;" class="" |Member list
      |List of members of a wiki group
      | style="" |List of members of a wiki group
      |<code><bs:userlist groups="sysop" count="6" /></code>
      | style="" |<code><nowiki><bs:userlist groups="sysop" count="6" /></nowiki></code>
      |-
      |-
      | style="background-color:rgb(248, 249, 250);text-align:start;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;color:rgb(32, 33, 34);font-family:Lato, &quot;sans-serif&quot;;font-size:13.9995px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:2;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;" class="" |[[Templates download/Messagebox|Message]]
      | style="background-color:rgb(248, 249, 250);text-align:start;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;color:rgb(32, 33, 34);font-family:Lato, &quot;sans-serif&quot;;font-size:13.9995px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:2;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;" class="" |[[Templates download/Messagebox|Message]]{{PopImg|file=message.png|alt=Screenshot of a plain message|caption=A plain message}}
      | style="background-color:rgb(248, 249, 250);text-align:start;width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;color:rgb(32, 33, 34);font-family:Lato, &quot;sans-serif&quot;;font-size:13.9995px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:2;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;" class="" |Adds text panel
      | style="background-color:rgb(248, 249, 250);text-align:start;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;color:rgb(32, 33, 34);font-family:Lato, &quot;sans-serif&quot;;font-size:13.9995px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:2;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;" class="" |Adds text panel  
      |<code><nowiki>{{Textbox|boxtype=neutral|header=|text=SDadad|icon=no}}</nowiki></code>
      | style="" |<code><nowiki>{{Textbox|boxtype=neutral|header=|text=SDadad|icon=no}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Modal button
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/ContentDroplets#Modal button|Modal button]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Configurable button which opens a customizable modal dialogue
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Configurable button which opens a customizable modal dialogue
      |<code><nowiki>{{ModalDialog|title=I am a dialog|btnLabel=click me!|body=This is the text|footer=hello world}}</nowiki></code>
      | style="" |<code><nowiki>{{ModalDialog|title=I am a dialog|btnLabel=click me!|body=This is the text|footer=hello world}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceSmartList#Toplist|Most visited pages]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceSmartList#Toplist|Most visited pages]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of the most visited wiki pages
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of the most visited wiki pages
      |<code><nowiki><bs:toplist count="3" period="-" /></nowiki></code>
      | style="" |<code><nowiki><bs:toplist count="3" period="-" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceSmartList|New users]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceSmartList|New users]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of new users in the wiki
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" | List of new users in the wiki
      |<code><nowiki><bs:newbies count="4" /></nowiki></code>
      | style="" |<code><nowiki><bs:newbies count="4" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/Messagebox|Note Message]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Templates download/Messagebox|Note]] {{PopImg|file=message-note.png|alt=Screenshot of a note message|caption=Message of type "Note"}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a note
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" | Adds colored panel for a note  
      |<code><nowiki>{{Textbox|boxtype=note|header=|text=sfsadfasfdsdaf|icon=yes}}</nowiki></code>
      | style="" |<code><nowiki>{{Textbox|boxtype=note|header=|text=sfsadfasfdsdaf|icon=yes}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceCountThings|Number of characters]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceCountThings|Number of characters]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Shows the number of characters or words in a wiki page
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Shows the number of characters or words in a wiki page
      |<code><nowiki><bs:countcharacters /></nowiki></code>
      | style="" |<code><nowiki><bs:countcharacters /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceCountThings|Number of files]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceCountThings|Number of files]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Shows the number of all uploaded files
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Shows the number of all uploaded files
      |<code><nowiki><bs:countfiles /></nowiki></code>
      | style="" |<code><nowiki><bs:countfiles /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceCountThings|Number of  pages]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceCountThings|Number of  pages]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Shows the number of  pages
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Shows the number of  pages
      |<code><nowiki><bs:countarticles /></nowiki></code>
      | style="" |<code><nowiki><bs:countarticles /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceCountThings|Number of users]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceCountThings|Number of users]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Shows the number of all users
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" | Shows the number of all users
      |<code><nowiki><bs:countusers /></nowiki></code>
      | style="" |<code><nowiki><bs:countusers /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Reference:BlueSpiceWhoIsOnline|Number of users logged in]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Reference:BlueSpiceWhoIsOnline|Number of users logged in]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Number of currently logged in users
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Number of currently logged in users
      |<code><nowiki><bs:whoisonlinecount /></nowiki></code>
      | style="" |<code><nowiki><bs:whoisonlinecount /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Reference:BlueSpicePageAccess|Page access]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Reference:BlueSpicePageAccess|Page access]]{{PopImg|file=pageaccess.png|alt=Screenshot of the page access notification banner|caption=Page access notification banner}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Restricts access to the page to the specified groups
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Restricts access to the page to the specified groups
      |<code><nowiki><bs:pageaccess groups="sysop" /></nowiki></code>
      | style="" |<code><nowiki><bs:pageaccess groups="sysop" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |PDF page break
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |PDF link
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Forces a page break at the set position during PDF export
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Link that downloads another wiki page as PDF
      |<code><nowiki><bs:uepagebreak /></nowiki></code>
      | style="" |<code><nowiki>{{PDFLink|page=Main Page|template=BlueSpice|label=PDF Link}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |PDF link
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |PDF page break
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Link that downloads another wiki page as PDF
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Forces a page break at the set position during PDF export
      |<code><nowiki>{{PDFLink|page=Main Page|template=BlueSpice|label=PDF Link}}</nowiki></code>
      | style="" |<code><nowiki><bs:uepagebreak /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |PDF no export
      | style="" class="" |[[Manual:Extension/ContentDroplets#PDF preview|PDF preview]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Content within this section is excluded from the  PDF export
      | style="" |Embed preview of a PDF file
      |<code><nowiki><bs:uenoexport>Don't export this text</bs:uenoexport></nowiki></code>
      | style="" |<code><nowiki><pdf height="800">File:Raspberry_pi.pdf</pdf></code></nowiki>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Progress
      | style="" class="" |[[mediawikiwiki:Extension:Cognitive_Process_Designer#Usage|Process]] {{PopImg|file=Manual:bpmn-UserFeedback.svg|alt=Screenshot of a BPMN diagram|caption=BPMN diagram|width=600}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Visualizes progress against given measurement variables
      | style="" |Embeds new or existing BPMN diagrams
      |<code><nowiki><bs:statistics:progress basecount="2" progressitem="OK" width="150" baseitem="Status:" /></nowiki></code>
      | style="" |<code><nowiki><bpmn process="Process name" height="300" toolbar="true" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Pros and cons
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/ContentDroplets/Progress|Progress]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Table for comparing pros and cons
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Visualizes progress against given measurement variables
      |<code><nowiki>{{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* It is cheap|disadvantages=* It is sold out}}</nowiki></code>
      | style="" |<code><nowiki><bs:statistics:progress basecount="2" progressitem="OK" width="150" baseitem="Status:" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceSmartList|Recent changes]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/ContentDroplets#Pros and cons|Pros and cons]]{{PopImg|file=pros and cons.png|alt=Screenshot of the pros and cons template|caption=Pros and cons}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of recently changed pages
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Table for comparing pros and cons
      |<code><nowiki>{{RecentChanges|count=5}}</nowiki></code>
      | style="" |<code><nowiki>{{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* It is cheap|disadvantages=* It is sold out}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceSignHere|Signature]]
      | style="" class="" |QR code
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |A button to add signatures in view mode
      | style="" |Inserts a QR code into a wiki page
      |<code><nowiki><bs:signhere /></nowiki></code>
      | style="" |
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceTagSearch|Search field]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceSmartList|Recent changes]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds a search field to the page content
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of recently changed pages
      |<code><nowiki><bs:tagsearch type="wikipage" namespace="QM" /></nowiki></code>
      | style="" |<code><nowiki><recentchanges count="6" period="-" sort="time" showns="0" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/Subpages|Subpages]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceTagSearch|Search field]] {{PopImg|file=Suchfeld standard.png|alt=Screenshot of a search field with suggested results|caption=Search field|width=}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of the subpages of a wiki page
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds a search field to the page content
      |<code><nowiki>{{Subpages|parentpage=Mypage}}</nowiki></code>
      | style="" |<code><nowiki><bs:tagsearch type="wikipage"  namespace="QM" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/Messagebox|Success Message]]
      | style="" class="" |Search in a book
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a success note
      | style="" |Allows to search in a book.
      |<code><nowiki>{{Textbox|boxtype=success|header=OMG|text=It works|icon=yes}}</nowiki></code>
      | style="" |<code><nowiki><bs:searchinbook placeholder="Placeholder for the search text" book="Book name" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpiceTagCloud|Tag cloud]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceSignHere|Signature]]{{PopImg|file=signatures.png|alt=Screenshot of the signatures button with a signature already added|caption=Signatures button}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Tag cloud based on categories or search queries
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |A button to add signatures in view mode
      |<code><nowiki><bs:tagcloud renderer="list" store="category" /></nowiki></code>
      | style="" |<code><nowiki><bs:signhere /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/Messagebox|Tip Message]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Reference:SubPageList|Subpages]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a tip
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List of the subpages of a wiki page
      |<code><nowiki>{{Textbox|boxtype=tip|header=Tip|text=sfsadf|icon=yes}}</nowiki></code>
      | style="" |<code><nowiki>{{Subpages|parentpage=Mypage}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |User profile
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Templates download/Messagebox|Success Message]] {{PopImg|file=message-success.png|alt=Screenshot of a success message|caption=Message of type "success"}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |an user profile will be included on this page
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a success note
      |<code><nowiki><bs:socialentityprofile username="WikiSysop" rendertype="Short" /></nowiki></code>
      | style="" |<code><nowiki>{{Textbox|boxtype=success|header=Example|text=Message text|icon=yes}}</nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/EmbedVideo|Video]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceTagCloud|Tag cloud]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Embeds video from different platforms
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Tag cloud based on categories or search queries
      |<code><nowiki><embedvideo service="youtube">JILEkPu61Ao</embedvideo></nowiki></code>
      | style="" |<code><nowiki><bs:tagcloud renderer="list" store="category" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Manual:Extension/BlueSpicePagesVisited|Visited pages]]
      | style="" class="" |Task report {{PopImg|file=Content_Droplets_Task_report.png|alt=Filterable task report with 4 entries|caption=Task report}}{{Bsvs|bsvFrom=4.4}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List with visited pages
      | style="" |Filterable list of existing tasks
      |<code><nowiki><bs:pagesvisited count="7" maxtitlelength="40" order="time" /></nowiki></code>
      | style="" |<code><nowiki><taskreport user="" namespaces="" status=""></taskreport></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Templates download/Messagebox|Warning Message]]
      | style="" class="" |Tasklist{{PopImg|file=droplet-task-item.png|alt=Checkbox with label|caption=Task list output}}{{Bsvs|bsvFrom=4.4}}
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a warning note
      | style="" |Adds a checklist item
      |<code><nowiki>{{Textbox|boxtype=warning|header=Hello|text=|icon=yes}}</nowiki></code>
      | style="" |[]
       
      [] Checkbox text
      [] (2)
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Templates download/Messagebox|Tip]]{{PopImg|file=message-tip.png|alt=Screenshot of a tip message|caption=Message of type "tip"}}
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds colored panel for a tip
      | style="" |<code><nowiki>{{Textbox|boxtype=tip|header=Tip|text=sfsadf|icon=yes}}</nowiki></code>
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpiceAvatars#Using the .3Cprofileimage.3E tag|User profile]] {{PopImg|file=userprofile.png|alt=Screenshot of the user profile|caption=User profile of type "Short"|width=300}}
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |A user profile will be included on this page
      | style="" |<code><nowiki><bs:socialentityprofile username="WikiSysop" rendertype="Short" /></nowiki></code>
      |-
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Watchlist
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/EmbedVideo|Video]]
      | style="width:380px;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Latest changes to pages included in the watch list
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Embeds video from different external platforms (YouTube)
      |<code><nowiki><bs:watchlist count="5" maxtitlelength="20" order="time" /></nowiki></code>
      | style="" |<code><nowiki><embedvideo service="youtube">JILEkPu61Ao</embedvideo></nowiki></code>
      |}
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/BlueSpicePagesVisited|Visited pages]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |List with visited pages
      | style="" |<code><nowiki><bs:pagesvisited count="7" maxtitlelength="40" order="time" /></nowiki></code>
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Templates download/Messagebox|Warning Message]]{{PopImg|file=message-warning.png|alt=Screenshot of a warning message|caption=Message of type "warning"}}
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Adds a colored box for a warning note
      | style="" |<code><nowiki>{{Textbox|boxtype=warning|header=Hello|text=|icon=yes}}</nowiki></code>
      |-
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" class="" |[[Manual:Extension/ContentDroplets#Watchlist|Watchlist]]
      | style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Latest changes to pages included in your watch list
      | style="" |<code><nowiki><bs:watchlist count="5" maxtitlelength="20" order="time" /></nowiki></code>
      |}<br />
       
      ==More info==
      {{#subpages:Manual:Extension/ContentDroplets}}
      {{translation}}

      Latest revision as of 12:44, 26 May 2025

      ContentDroplets is available from BlueSpice 4.3.2.

      Contents

      • 1 Adding a droplet to a page
      • 2 List of droplets
      • 3 More info

      To insert additional functionality in a wiki page, you can use Content droplets. Content droplets include tags that were previously accessed from Insert > Magic word in the editor toolbar. They also provide access to some templates that are preconfigured in the wiki, such as message boxes.

      Adding a droplet to a page

      To add a droplet to a page:

      1. Click the Content droplets icon in the editor toolbar or type <<.
      2. Search for a droplet name in the search bar of the droplets menu or browse the droplets by category.
        Content Droplets menu
        Content Droplets menu
      3. Select a droplet
      4. Click Insert.
      Note:Some droplets open an inspector menu which contains another Insert button. Be sure to confirm that button as well.

      Based on the type of droplet, you can continue with configuring the droplet as needed.

      List of droplets

      View examples of droplets outputs.


      Droplet Description Inserts the following in the page source:
      Attachments
      Attachments output
      Area for organising attachments <attachments title="Attachments area">

      * [[Media:Financial_Sample.xlsx]]

      </attachments>

      Book PDF link  v4.4+ PDF-download link to a book {{BookPDFLink|book=Testbook|template=BlueSpice%20Book|label=Book PDF Link}}
      Book table of contents
      Book table of contents

        v4.4+

      Inserts the ToC of any book in a wiki page <booknav book="Admin_manual" chapter="1" />
      Booklist List of books based on a filter value. The value needs to be defined as a metadata value in the book settings <bs:booklist filter="Author:WikiSysop" />
      Button
      Links styled as buttons
      Link that is styled as a button {{ButtonLink|target=Main Page|label=click me!|format=blue}}
      Categorytree Selected categories are shown in a tree structure <categorytree>TestCat</categorytree>
      Checklist List that allows to set a value in view mode <bs:checklist type="list" checked="true" list="Template:Status" value="Select status" />
      Chemical formula
      Chemical formula
      Display of chemical formulas <chem>H2O</chem>
      Circled number Number in a circle with customizable color {{CircledNumber|bgColor=black|fgColor=yellow|number=180}}
      Code
      Code area for a css example
      Highlighted section for code examples <syntaxhighlight lang="css">

      .hi {background:blue;}

      </syntaxhighlight>

      Content Filter Allows you to filter tables or lists. <containerfilter />
      Create page Form field for predefined page creation {{CreateInput|alignment=left|buttonlabel=Create}}
      Data query Enables queries on content in the wiki <dataquery modified="+" format="ul" count="6" namespaces="Main" />
      Date  v4.4+
      Date display
      Inserts a date. This can be used in combination with the content droplet Task list 23 November 2023
      Decision
      Decision output
      Highlights a decision as a page property {{Decision|decision=Eat more veggies}}{{Decision|decision=Buy new car}}
      Decision overview
      Decision report output

        v4.4+

      Table with a list of decisions that were created by the Decision content droplet
      <decisionoverview namespaces=""></decisionoverview>
      Diagram
      Drawio diagram
      Editable draw.io diagram <drawio filename="Mydiagram">
      Exclude content in PDF Content within this section is excluded from the PDF export <pdfexcludestart />Do not export this text<pdfexcludeend />
      Gallery
      Gallery
      Displays an image gallery <gallery>

      File:test1.png

      File:test.pdf

      </gallery>

      Icon
      Icons template
      Inserts an icon {{Icon|bi bi-arrow-left-circle}}
      Important Message
      Message of type "important"
      Adds colored panel for a important note {{Textbox|boxtype=important|header=OMG|text=Important|icon=yes}}
      Links to this page List of pages that link to this page <whatlinkshere period="-" sort="time" showns="0" />
      List of users logged in Pop-up with a list of all users that are currently logged in <bs:whoisonlinepopup />
      Map
      Map output with text marker
      Locations can be marked on the map {{Map|Munich ~ Hello there!|Munich, Germany}}
      Mathematical formula
      Screenshot of a math formula
      Display of mathematical formulas <math>\tfrac{2}{4}</math>
      Member list List of members of a wiki group <bs:userlist groups="sysop" count="6" />
      Message
      A plain message
      Adds text panel {{Textbox|boxtype=neutral|header=|text=SDadad|icon=no}}
      Modal button Configurable button which opens a customizable modal dialogue {{ModalDialog|title=I am a dialog|btnLabel=click me!|body=This is the text|footer=hello world}}
      Most visited pages List of the most visited wiki pages <bs:toplist count="3" period="-" />
      New users List of new users in the wiki <bs:newbies count="4" />
      Note
      Message of type "Note"
      Adds colored panel for a note {{Textbox|boxtype=note|header=|text=sfsadfasfdsdaf|icon=yes}}
      Number of characters Shows the number of characters or words in a wiki page <bs:countcharacters />
      Number of files Shows the number of all uploaded files <bs:countfiles />
      Number of pages Shows the number of pages <bs:countarticles />
      Number of users Shows the number of all users <bs:countusers />
      Number of users logged in Number of currently logged in users <bs:whoisonlinecount />
      Page access
      Page access notification banner
      Restricts access to the page to the specified groups <bs:pageaccess groups="sysop" />
      PDF link Link that downloads another wiki page as PDF {{PDFLink|page=Main Page|template=BlueSpice|label=PDF Link}}
      PDF page break Forces a page break at the set position during PDF export <bs:uepagebreak />
      PDF preview Embed preview of a PDF file <pdf height="800">File:Raspberry_pi.pdf</pdf></code>
      Process
      BPMN diagram
      Embeds new or existing BPMN diagrams <bpmn process="Process name" height="300" toolbar="true" />
      Progress Visualizes progress against given measurement variables <bs:statistics:progress basecount="2" progressitem="OK" width="150" baseitem="Status:" />
      Pros and cons
      Pros and cons
      Table for comparing pros and cons {{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* It is cheap|disadvantages=* It is sold out}}
      QR code Inserts a QR code into a wiki page
      Recent changes List of recently changed pages <recentchanges count="6" period="-" sort="time" showns="0" />
      Search field
      Search field
      Adds a search field to the page content <bs:tagsearch type="wikipage" namespace="QM" />
      Search in a book Allows to search in a book. <bs:searchinbook placeholder="Placeholder for the search text" book="Book name" />
      Signature
      Signatures button
      A button to add signatures in view mode <bs:signhere />
      Subpages List of the subpages of a wiki page {{Subpages|parentpage=Mypage}}
      Success Message
      Message of type "success"
      Adds colored panel for a success note {{Textbox|boxtype=success|header=Example|text=Message text|icon=yes}}
      Tag cloud Tag cloud based on categories or search queries <bs:tagcloud renderer="list" store="category" />
      Task report
      Task report

        v4.4+

      Filterable list of existing tasks <taskreport user="" namespaces="" status=""></taskreport>
      Tasklist
      Task list output

        v4.4+

      Adds a checklist item []

      [] Checkbox text [] (2)

      Tip
      Message of type "tip"
      Adds colored panel for a tip {{Textbox|boxtype=tip|header=Tip|text=sfsadf|icon=yes}}
      User profile
      User profile of type "Short"
      A user profile will be included on this page <bs:socialentityprofile username="WikiSysop" rendertype="Short" />
      Video Embeds video from different external platforms (YouTube) <embedvideo service="youtube">JILEkPu61Ao</embedvideo>
      Visited pages List with visited pages <bs:pagesvisited count="7" maxtitlelength="40" order="time" />
      Warning Message
      Message of type "warning"
      Adds a colored box for a warning note {{Textbox|boxtype=warning|header=Hello|text=|icon=yes}}
      Watchlist Latest changes to pages included in your watch list <bs:watchlist count="5" maxtitlelength="20" order="time" />


      More info

      • Adding your own droplets
      • Checklist
      • Examples
      • Icon
      • Progress
      Technical Reference: ContentDroplets



      PDF exclude - start

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

      PDF exclude - end
      Retrieved from "https://en.wiki.bluespice.com/w/index.php?title=Manual:Extension/ContentDroplets&oldid=11929"
      No categories assignedEdit
      Page actions and tools navigaiton contains tabs, toolbox and actions
      Actions
      • Refresh
      • Copy URL
      • E-Mail
      • QR code
      Details
      • View history
      • Page information
      • Browse properties
      • ... all actions
      • Privacy policy
      • Terms of service
      • Disclaimer
      • Imprint
      • Accessibility
      • About
      • Analysis service
      • Edit preview settings
      • Powered by MediaWiki
      • Powered by BlueSpice
      • Powered by Semantic MediaWiki
      • Creative Commons License