In-Page Buttons

In-Page Buttons ID: OSWf8b8c0a701f843549dd14320a2df806b | UUID: f8b8c0a7-01f8-4354-9dd1-4320a2df806b
ID	OSWf8b8c0a701f843549dd14320a2df806b
UUID	f8b8c0a7-01f8-4354-9dd1-4320a2df806b
Label	In-Page Buttons
Machine compatible name	Buttons
Types/Categories	Tutorial
Statements (outgoing)
Statements (incoming)
Details
Types/Categories<br>Definition: Entity, Item, Creative Work, Article, Tutorial: Tutorial Label(s)At least one label is required.<br>Definition: Entity: In-Page Buttons Description<br>Definition: Entity: Documentation for the configuration of UI buttons to trigger actions Article collectionA superordinated element this entry is part of<br>Definition: Article: Item:OSWae8546dad40e487fa837db9c5ab07a5f

Description

Documentation for the configuration of UI buttons to trigger actions

Item
Type(s)/Category(s)	Tutorial

View as slide show

Pagebot Buttons Actions

create-instance (Default)

<div class="pagebot-button" data-config='{ "params": {"categories": ["Category:Item"], "jsondata": {"label": [{"text": "test", "lang": "en"}]}} }'></div>

create-subcategory

<div class="pagebot-button" data-config='{ "action": "create-subcategory", "params": {"categories": ["Category:Item"]} }'></div>

query-instance

<div class="pagebot-button" data-config='{ "action": "query-instance", "params": {"categories": ["Category:Item"]} }'></div>

edit-data

<div class="pagebot-button" data-config='{ "action": "edit-data", "source_page": "Item:OSW...", "reload": true }'></div>

Note: source_page defaults to the current page. reload (default: true) redirects to the source_page on save

edit

<div class="pagebot-button" data-config='{ "action": "edit", "label": "Edit this page with visual editor" }'></div>

Pagebot Buttons Styling

CSS

see https://getbootstrap.com/docs/4.0/components/buttons/

<div class="pagebot-button" data-config='{ "params": {"categories": ["Category:Item"]}, "class": "btn btn-secondary" }'></div>

Label

<div class="pagebot-button" data-config='{ "params": {"categories": ["Category:Item"]}, "label": "Custom Label➕" }'></div>

Tooltips

see https://getbootstrap.com/docs/4.0/components/tooltips/ <div class="pagebot-button" data-config='{ "params": {"categories": ["Category:Item"]}, "tooltip": "Tooltip" }'></div>

Icon

see https://picturepan2.github.io/icons.css/ and https://fontawesome.com/v5/search?q=lab&o=r&m=free

<div class="pagebot-button" data-config='{ "params": {"categories": ["Category:Item"]}, "icon_class": "icon icon-edit" }'></div>

Menu

see https://getbootstrap.com/docs/4.0/components/dropdowns/

<div class="pagebot-button" data-config='{ "action": "menu-dropdown", "icon_class": "icon icon-menu", "menu_entries": [ { "action": "edit", "label": "Edit this page with visual editor" }, { "params": {"categories": ["Category:Item"]}, "icon_class": "icon icon-edit" }, { "action": "dropdown-divider", }, { "action": "edit-data", "icon_class": "icon icon-edit", "label": "" } ] }'>

Tutorial Graph

Graph graph-01

Graph

QR Code

Attachments

Description:

📎 Select files (or drop them here)... 📷 Camera

jsondata

type	"Category:OSW494f660e6a714a1a9681c517bbb975da"
uuid	"f8b8c0a7-01f8-4354-9dd1-4320a2df806b"
label	text "In-Page Buttons" lang "en" text "Einbettung von Schaltflächen" lang "de"
name	"Buttons"
description	text "Documentation for the configuration of UI buttons to trigger actions" lang "en" text "Documentation for the configuration of UI buttons to trigger actions" lang "de"
part_of	"Item:OSWae8546dad40e487fa837db9c5ab07a5f"