Difference between revisions of "Widget:ButtonLink"

Latest revision as of 19:16, 9 June 2020

Syntax

{{#widget: ButtonLink
|type=a, li, etc. (mandatory)
|typeattribute=
|id=
|class=
|style=
|href=
|src=
|datasrc=
|title=
|ariacontrols=
|arialabel=
|text=
|target=
|role=
|for=
|datatoggle=
|datatarget=
|dataplacement=
|dataslide=
|datadismiss=
|onclick=

|hrefsurround=Used only for elements such as buttons and images that should be surrounded by an ''a'' link
}}

example

edit this page

@@ Line 1: / Line 1: @@
-<noinclude>{{Managed
+<noinclude>
-|Version=1.0
-|Version notes=1.0 - First managed version.
-}}
 ==Syntax==
 <pre>
-{{#widget: Link
+{{#widget: ButtonLink
 |type=a, li, etc. (mandatory)
 |typeattribute=
@@ Line 32: / Line 29: @@
 </pre>
 ==example==
-{{#widget: Link |type=a |href={{fullurl: Widget:Link | action=edit}} |text=edit this page }}
+{{#widget: ButtonLink |type=a |href={{fullurl: Widget:ButtonLink | action=edit}} |text=edit this page }}
-{{#widget:Link |type=button |typeattribute=button |text=hoi |hrefsurround={{filepath:Mappreview.JPG}} }}
+{{#widget:ButtonLink |type=button |typeattribute=button |text=helloworld |hrefsurround={{filepath:Mappreview.JPG}} }}
-;does not work
-{{#widget:Link |type=button |typeattribute=button |class=btn btn-default |datatoggle=tooltip |dataplacement=left |title=Tooltip on left |text=Tooltip on left }}
 </noinclude><includeonly><!--{if (isset($hrefsurround) && $hrefsurround!="")}--><a href="<!--{$hrefsurround|escape:'html'}-->"><!--{/if}--><<!--{$type|escape:'html'}--> <!--{if (isset($typeattribute) && $typeattribute!="")}-->type="<!--{$typeattribute|escape:'html'}-->"<!--{/if}-->
 <!--{if (isset($class) && $class!="")}-->class="<!--{$class|escape:'html'}-->"<!--{/if}--> <!--{if (isset($id) && $id!="")}-->id="<!--{$id|escape:'html'}-->"<!--{/if}--> <!--{if (isset($style) && $style!="")}-->style="<!--{$style|escape:'single quotes'}-->"<!--{/if}--> <!--{if (isset($href))}-->href="<!--{$href|escape:'single quotes'}-->"<!--{/if}--> <!--{if (isset($src) && $src!="")}-->src="<!--{$src|escape:'html'}-->"<!--{/if}--> <!--{if (isset($datasrc) && $datasrc!="")}-->data-src="<!--{$datasrc|escape:'html'}-->"<!--{/if}--> <!--{if (isset($width) && $width!="" )}-->width="<!--{$width|escape:'html'}-->"<!--{else}--><!--{/if}--> <!--{if (isset($height) && $height!="" )}-->height="<!--{$height|escape:'html'}-->"<!--{else}--><!--{/if}--> <!--{if (isset($title))}-->title="<!--{$title|escape:'html'}-->"<!--{/if}--> <!--{if (isset($ariacontrols))}-->aria-controls="<!--{$ariacontrols|escape:'html'}-->"<!--{/if}--> <!--{if (isset($arialabel))}-->aria-label="<!--{$arialabel|escape:'html'}-->"<!--{/if}--> <!--{if (isset($role))}-->role="<!--{$role|escape:'html'}-->"<!--{/if}--> <!--{if (isset($target))}-->target="<!--{$target|escape:'html'}-->"<!--{/if}--> <!--{if (isset($datatoggle))}-->data-toggle="<!--{$datatoggle|escape:'html'}-->"<!--{/if}--> <!--{if (isset($datatarget) && $datatarget!="")}-->data-target="<!--{$datatarget|escape:'html'}-->"<!--{/if}--> <!--{if (empty($for))}--><!--{else}-->for="<!--{$for|escape:'html'}-->"<!--{/if}--> <!--{if (isset($dataplacement))}-->data-placement="<!--{$dataplacement|escape:'html'}-->"<!--{/if}--> <!--{if (isset($dataslide) && $dataslide!="" )}-->data-slide="<!--{$dataslide|escape:'html'}-->"<!--{/if}--> <!--{if (isset($datadismiss) && $datadismiss!="" )}-->data-dismiss="<!--{$datadismiss|escape:'html'}-->"<!--{/if}--> <!--{if (isset($onclick) && $onclick!="")}-->onclick="<!--{$onclick|escape:'html'}-->"<!--{/if}-->><!--{if (isset($text) && $text!="")}--><!--{$text|escape:'single quotes'}--><!--{/if}--></<!--{$type|escape:'html'}-->><!--{if (isset($hrefsurround) && $hrefsurround!="")}--></a><!--{/if}--></includeonly>