Error and Attention boxes like Confluence #368

Closed
opened 2026-02-04 19:06:42 +03:00 by OVERLORD · 2 comments
Owner

Originally created by @Hauptquartier on GitHub (Jul 8, 2017).

For Feature Requests

Desired Feature: Error and Attention boxes like Confluence

attention

error

error_2

Originally created by @Hauptquartier on GitHub (Jul 8, 2017). ### For Feature Requests Desired Feature: Error and Attention boxes like Confluence ![attention](https://user-images.githubusercontent.com/23038635/27986390-00ec2bbe-63ff-11e7-90f1-db5e8b91703b.png) ![error](https://user-images.githubusercontent.com/23038635/27986391-03e0792e-63ff-11e7-912e-06fcd190c592.png) ![error_2](https://user-images.githubusercontent.com/23038635/27986393-087f1602-63ff-11e7-8584-143b95a7a6bb.png)
Author
Owner

@domainzero commented on GitHub (Jul 8, 2017):

@Hauptquartier
Callouts/attention boxes do exist.

From the WYSIWYG editor you can select them from the "Formats" dropdown like so:
callouts

Using the Markdown editor you manually have to call the class to get the styling to work.

<p class="callout success" id="bkmrk-sucess">Success</p>
<p class="callout info" id="bkmrk-info">Info</p>
<p class="callout warning" id="bkmrk-warning">Warning</p>
<p class="callout danger" id="bkmrk-danger">Danger</p>

Here's what they look like:
callouts

You could dig through the CSS and style them to be exactly like Confluence's and then load a custom stylesheet with those changes if you so choose.

@domainzero commented on GitHub (Jul 8, 2017): @Hauptquartier Callouts/attention boxes do exist. From the WYSIWYG editor you can select them from the "Formats" dropdown like so: ![callouts](http://i.imgur.com/bQinncc.png) Using the Markdown editor you manually have to call the class to get the styling to work. ```html <p class="callout success" id="bkmrk-sucess">Success</p> <p class="callout info" id="bkmrk-info">Info</p> <p class="callout warning" id="bkmrk-warning">Warning</p> <p class="callout danger" id="bkmrk-danger">Danger</p> ``` Here's what they look like: ![callouts](http://i.imgur.com/Np7gCka.png) You could dig through the CSS and style them to be exactly like Confluence's and then load a custom stylesheet with those changes if you so choose.
Author
Owner

@ssddanbrown commented on GitHub (Jul 10, 2017):

@domainzero Thanks for providing the above advice. I'll consider this closed for now.

@Hauptquartier If you were after something different let me know and I'll re-open this.

@ssddanbrown commented on GitHub (Jul 10, 2017): @domainzero Thanks for providing the above advice. I'll consider this closed for now. @Hauptquartier If you were after something different let me know and I'll re-open this.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#368