Manual:Extension/ContentDroplets

ContentDroplets is available from BlueSpice 4.3.

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.
2. Search for a droplet name in the search bar of the droplets menu or browse the droplets by category.
   
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

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>
Booklist	List of books based on a filter value	<bs:booklist filter="Author:WikiSysop" />
BPMN diagram BPMN diagram	Editable BPMN diagram	<bpmn name="Test:Erm31642" />
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>
Checkbox	Checkbox that can be checked in view mode
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>
Create page	Form field for predefined page creation	{{CreateInput|alignment=left|buttonlabel=Create}}
Data query	Enables queries on content in the wiki	{{SMWReport|count=10}}
Decision Decision output	Highlights a decision as a page property	{{Decision|decision=Eat more veggies}}{{Decision|decision=Buy new car}}
Diagram Drawio diagram	Editable draw.io diagram	<drawio filename="Mydiagram">
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|count=5|sort=time|order=DESC}}
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	WikiSysop BSMaintenance Gökhan Geyik Margit Link-Rodrigue Richard Heigl Florian Bäckmann
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 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 page break	Forces a page break at the set position during PDF export	<bs:uepagebreak />
PDF link	Link that downloads another wiki page as PDF	{{PDFLink|page=Main Page|template=BlueSpice|label=PDF Link}}
PDF no export	Content within this section is excluded from the PDF export	<bs:uenoexport>Don't export this text</bs:uenoexport>
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}}
Recent changes	List of recently changed pages	{{RecentChanges|count=5}}
Signature Signatures button	A button to add signatures in view mode	<bs:signhere />
Search field Search field	Adds a search field to the page content	<bs:tagsearch type="wikipage" namespace="QM" />
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=OMG|text=It works|icon=yes}}
Tag cloud	Tag cloud based on categories or search queries	<bs:tagcloud renderer="list" store="category" />
Tip Message 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 platforms	<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 colored panel for a warning note	{{Textbox|boxtype=warning|header=Hello|text=|icon=yes}}
Watchlist	Latest changes to pages included in the watch list	<bs:watchlist count="5" maxtitlelength="20" order="time" />

Example outputs

BPMN diagram

ExampleDiagram
empty bpmn diagram

Button

My page

Categorytree

Checkbox

Checklist

Chemical formula

Circled number

Code

Create page

Data query

Decision

Diagram

Gallery

Icon

Important Message

Links to this page

List of users logged in

Map

Mathematical formula

Member list

Message

Modal button

Most visited pages

New users

Note Message

Number of characters

Number of files

Number of pages

Number of users

Number of users logged in

Page access

PDF page break

PDF link

PDF no export

Progress

Pros and cons

Recent changes

Signature

Search field

Subpages

Success Message

Tag cloud

• Extension (223)
• Editing (16)
• Organization (14)
• Customization (10)
• Personalization (9)
• Quality (9)
• Setup (9)
• WCAG (9)
• BlueSpice free (8)
• Content (7)
• 1-Topic (6)
• Page tools (6)
• MediaWiki (5)
• Concept (5)
• Administration (5)
• BlueSpice cloud (4)
• Permissions (4)
• Portal (3)
• Search (3)
• Edition (3)
• Social (3)
• Multilingual wiki (2)
• BPMN (2)
• CSS (1)
• 0 Alle (1)
• Multimedia (1)
• Accessibility (1)
• SMW (1)
• Advanced (1)
• Euclidean symmetries (1)
• Translation (1)
• Getting started (1)
• BlueSpice pro (1)
• Water (1)
• MLRWiki (1)

Tip Message

This is a tip message.

User profile

Video

Visited pages

Warning Message

Watchlist

Technical Reference: ContentDroplets

---

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