SpanPop
^do( SpanPop, text, tooltip, [heading] )^
Type: Macro
Purpose: Adds text with tooltip
The SpanPop macro marks text that will show a Bootstrap popover on hover. Optional 3rd arg lets you set the popover’s heading. You set its styling in the Styles Dash > Macros Widget.
Like SpanTip (but unlike SpanDef), SpanPop can handle text styles. SpanTip is the third of a triple of BoxPress tooltip-type in-line addenda valets. In order of increasing display richness (and decreasing subtleness), these are —
| Macro | Styling | Heading | Links |
|---|---|---|---|
| SpanDef | NO | NO | NO |
| SpanTip | YES | NO | NO |
| SpanPop | YES | YES | YES |
The SpanPop tooltip is perfect for comments that require text styling and links. It also includes a heading that you can modify by including a 3rd (optional) arg.
Hover below to reveal BoxPress code
<a href="#" class="b-pop" data-html="true" data-placement="auto bottom" data-toggle="popover" title="^if(^value("$3")^)^$3^else^Note^endIf^" data-content=‘$2’>$1</a>
SpanPop sample
This is the markup that is rendered below
Here is an ^do(SpanPop, "example", "Hello. I am a SpanPop Bootstrap popover. As you can see, I can display styled text as well as links (click here to compare me to SpanTip).")^ of the SpanPop macro.
Here is an example of the SpanPop macro.
This is the markup that is rendered below
Here is an ^do(SpanPop, "example", "Hello. I am a SpanPop Bootstrap popover. As you can see, I can display styled text. I also have a customized heading.", "Definition")^ of the SpanPop macro, with optional 3rd arg.
Here is an example of the SpanPop macro, with optional 3rd arg.