Help talk:Adding tooltips

From semantic-mediawiki.org

Tooltips and div id[edit]

Here's something which may be worth adding to the documentation. Tooltips do not work in Semantic Forms when they are enclosed by div id-tags as used with the "show on select" function. Cavila 15:13, 22 November 2011 (CET)

Contents

Thread titleRepliesLast modified
Adapting the layout of the tooltips015:26, 7 June 2018
<info> tag equivalent to #info parser function?112:52, 25 May 2018
How do we implement it ?302:59, 11 July 2015
Tooltips with inline tags only are sad223:53, 3 May 2015
Changing the skinning of the tooltip box?012:16, 12 March 2014

Adapting the layout of the tooltips

See this mainlinglist thread. Moreover the tooltip provides even more classes ready to be adapted.

15:26, 7 June 2018

<info> tag equivalent to #info parser function?

Hi,

AFAICS, the function of the <info> tag is equivalent to the #info parser function. If so, this should be mentioned in the documentation.

EDIT
The <info> tag at least allows using wiki syntax, compared to the parser function.

Best regards,
Frank

11:56, 25 May 2018

Admittedly I did not know that this is also implemented via a tag. Yeah, some docu should be added.

12:52, 25 May 2018
 

How do we implement it ?

Hi,

I tried to use this on my local installation and it does not work (show the icon but does not pop). I saw it in action on at least one other wiki and even here it does not consistently work. I like the idea and it's more elegant than footnotes in a form, but if is not documented on how to make it work properly. (sorry, I tought it did not work here, but it does not work in preview only).

--Gdore (talk) 04:39, 9 July 2015 (CEST)

04:39, 9 July 2015

It does work in preview as well [0] but if for some reason you have an extension that use JS differently as shown here [1] then JS execution is blocked which is a prerequisite for [0] being successful.

As in [1], find the malefactor, correct the JS, and you should be able to see that it works in [0] as well.

[0] https://cloud.githubusercontent.com/assets/1245473/8588835/3bd92446-260f-11e5-8eed-ba6b8437ae37.png

[1] https://cloud.githubusercontent.com/assets/1245473/8588856/900221bc-260f-11e5-9d0f-f096a911b950.png

07:58, 9 July 2015

The reason for the mentioned "Error: Unknown dependency: jquery.delayedBind" as shown in [1] is mostly likely caused by the WikiEditor extension [2] (on this wiki).

[2] https://www.google.de/?gfe_rd=cr&ei=8A6eVau7BqOG8QeOhoDYCg&gws_rd=ssl#q=Unknown+dependency:+jquery.delayedBind

08:08, 9 July 2015

I know nothing about JS so I do not want to mess into the files. I think that I will look into creating a template to do the same thing using some css.

There is still some job to do on my templates and forms, but I should soon have all what is needed to make a website to list japanese temples, then when I have enough entry, I can add shrine, castle, gardens.

After that, I will wait for a new release of semantic bundle and try to figure out if it's worth making a live website.

02:59, 11 July 2015
 
 
 

Tooltips with inline tags only are sad

I don't think that adding a whole parser function that can only draw an icon and add title attribute is worth it.

At least you could use jQuery tipsy plugin, that is bundled with MediaWiki and allows block HTML tags in the tips, as well as nested tips.

There is no need to define a parser function: a template and several lines of JavaScript code in MediaWiki:Common.js or a gadget will do the job.

04:13, 23 April 2015

Whether this is sad or not I'm unable to argue with but it is a no-frills feature that was born out of the necessity to display information within SMW (jQuery tipsy was evaluated and did not support the features required).

The #info parser is an add-on (not really necessary for core but it was introduced some time ago) with a low barrier for technical adaption and is more or less maintenance free.

If a user wants to use somethings else it is entirely up to him/her to do so or if someone wants to submit a PR to improve the #info functionality that would be fine as well but no core developer will spend any time on improving #info because it does what it should do, provide a simple "info" about an entity marked by an icon to indicate the severity.

11:55, 23 April 2015

Well, it's up to SMW debelopers, but I did manage to use tipsy to display popups, with block HTML tags and nesting on my site.

23:53, 3 May 2015
 
 

Changing the skinning of the tooltip box?

Where is the CSS to change the styling of the tooltip box?

Thanks!

12:16, 12 March 2014