Menu
▾
▴
Re: [Semediawiki-user] {{#info: }} Tooltips in SF
|
From: Van de B. <van...@gm...> - 2011-11-24 21:44:29
|
If your help is not too big (one-two sentences), try to use <span
title="Help">...</span> around field.
On Thu, 2011-11-24 at 11:54 +0100, Jose Manuel Martinez Martinez wrote:
> Hi:
>
> I am using Semantic Forms to add new pages in a Wiki. I want to provide
> in-line help for almost every field.
> To do so, I have used the {{#info:}} parameter. And it works pretty
> well. It displays a blue icon with a white question mark next to the
> label of each field, and one clicks on it, the help message is displayed.
>
> BUT... if I use the option "show on select", I need to put the optional
> chunck of form within <div></div> tags. When I try to provide a tooltip
> within these tags, then the help content is displayed directly when
> filling in the form. Is the same as Michael Scholze described in another
> message sent to the list[1]:
>
> " The form-field layout gets shifted because of the grey (?) help text
> of field "Reference" is being shown "raw" instead of within a clickable
> (?)-Icon."
>
> I am using BitNami MediaWiki Stack 1.17.0-0 and I have installed the
> last stable Semantic Forms version.
>
> I copy and paste the wiki code of my form below. Some tooltip items that
> are giving me problems are the ones contained in <div id="2">, <div
> id=3>, <div id="5">, <div id="6">, <div id="7">. The other tooltips for
> the remaining fields are displayed properly.
>
> Any idea?
>
> Thank you in advance,
>
> Jose
>
> --
> [1] http://sourceforge.net/mailarchive/message.php?msg_id=26897538
>
> ==== MY FORM ====
>
> <noinclude>
> Thank you for sharing a new useful Clarin-D link!
>
> === What's this? ===
> This initiative is part of the "Strukturierte Linksammlung" action. Its
> aim is to collect and share links pointing to useful resources/tools by
> and for members of the Clarin-D centres and F-AGs.
>
> === How can I help? ===
> Before you start, check [[:Category:Useful_Clarin-D_link|here]] if the
> link has been already added by someone else.
>
> We have designed a really short form to share useful Clarin-D links.
> Enter the name of the resource/tool below. If the resource/tool has more
> than one nomenclature, introduce here the most "oficial" name.
>
> Later, you will find a field to provide alternative names and/or acronyms.
>
> :''Example: for the BNC type now "British National Corpus", and later
> you will be able to add alternative names like "BNC"''.
>
> If a page with that name already exists, you will be redirected to a
> form to edit that page. If not, you will proceed to the next step. ;-)
>
> ----
> === Name of the tool/resource that you want to share ===
> {{#forminput:form=Useful Clarin-D links 2}}
>
> </noinclude><includeonly>
> <div id="wikiPreview" style="display: none; padding-bottom: 25px;
> margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
> {{{for template|General template new useful Clarin-D resource or tool}}}
>
> Fields marked with an asterisk (*) are mandatory.
>
> Contextual help for each item will be displayed when clicking on the
> blue icon at the right of the label for that field.
>
> {| class="formtable"
> ! Alternative name(s){{#info:Provide other alternative nomenclatures
> and/or acronyms for this link if they exist. If you propose more than
> one, separate each item by commas. Example for the British National
> Corpus: ''BNC, etc.''}}
> |- valign="top"
> | {{{field|Alternative name}}}
> |- valign="top"
> ! * Link{{#info:Provide a valid URL for the link that you want to share.}}
> |- valign="top"
> | {{{field|Link|mandatory}}}
> |- valign="top"
> ! * Type{{#info:Choose between '''resource''' (any kind of linguistic
> material or relevant source of information) or '''tool''' (to process
> and/or transform linguistic data).}}
> |- valign="top"
> | {{{field|Type|mandatory|show on select=Resource=>div1;Tool=>div2}}}
> |}
> <div id="div1">
> {| class="formtable"
> ! Resource type{{#info:Choose '''one''' or '''more categories''' that
> help to describe this link. If any of the categories provided cannot
> properly describe your link, choose '''Other resource type'''.}}
> |- valign="top"
> | {{{field|Resource type|input type=listbox|show on select=Other
> resource type=>div3;Corpus=>div4|size=8}}}
> |}
> </div>
> <div id="div3">
> {| class="formtable"
> ! Other resource type{{#info:Propose a new category to classify
> resources. If you propose more than one, separate each item by commas.
> Example: ''database, bookmarks, etc.''}}
> |- valign="top"
> | {{{field|Other resource type|input type=text}}}
> |}
> </div>
> <div id="div4">
> {| class="formtable"
> |- valign="top"
> ! Corpus type{{#info:Choose '''one''' or '''more categories''' that help
> to describe this corpus.
>
> If any of the categories provided cannot properly describe your corpus,
> choose '''Other corpus type'''.}}
> |- valign="top"
> | {{{field|Corpus type|show on select=Other corpus type=>div5}}}
> |}
> </div>
> <div id="div5">
> {| class="formtable"
> |- valign="top"
> ! Other corpus type{{#info:Propose a new category to classify corpora.
>
> If you propose more than one, separate each item by commas. Example:
> ''parallel, multilingual, etc.''}}
> |- valign="top"
> | {{{field|Other corpus type|input type=text}}}
> |}
> </div>
>
> <div id="div2">
> {| class="formtable"
> |- valign="top"
> ! Tool type{{#info:Choose '''one''' or '''more categories''' that help
> to describe this tool. If any of the categories provided cannot properly
> describe your tool, choose '''Other tool type'''.}}
> |- valign="top"
> | {{{field|Tool type|input type=listbox|show on select=Other tool
> type=>div6|size=9}}}
> |}
> </div>
> <div id="div6">
> {| class="formtable"
> |- valign="top"
> ! Other tool type{{#info:Propose a new category to classify tools.
>
> If you propose more than one, separate each item by commas. Example:
> ''aligner, NER, etc.''}}
> |- valign="top"
> | {{{field|Other tool type(s)|input type=text}}}
> |}
> </div>
> {| class="formtable"
> |- valign="top"
> ! * Language(s){{#info:You can choose '''one''' or '''more languages'''
> to inform about which languages the resource/tool deals with.
>
> Choose '''language independent''' if a tool can be used with linguistic
> data in any given language.
>
> If you cannot find a language in the following list choose '''Other
> language(s)'''.}}
> |- valign="top"
> | {{{field|Language(s)|input type=listbox|mandatory|default=Language
> independent|show on select=Other language(s)=>div7|size=6}}}
> |}
> <div id="div7">
> {| class="formtable"
> |- valign="top"
> ! Other language(s){{#info:Propose a new language to classify links.
>
> If you propose more than one, separate each item by commas. Example:
> ''Catalan, Basque, etc.''}}
> |- valign="top"
> | {{{field|Other language(s)|input type=text}}}
> |}
> </div>
> {| class="formtable"
> |- valign="top"
> ! * Distribution type{{#info:Choose between:
>
> '''Public''', everybody can access/use this resource/tool without
> restrictions.
>
> '''Academic''', only users belonging to academic institutions or
> carrying out activities for academic purposes (teaching/researching) can
> access this resource/tool.
>
> '''Restricted''', this resource/tool cannot be freely distributed, some
> restrictions due to copyright issues or licenses apply.
>
> '''Unknown''', if you don't know which of this descriptors apply for
> your link.}}
> |- valign="top"
> | {{{field|Distribution type|mandatory}}}
> |- valign="top"
> ! * Cost{{#info:Choose:
>
> '''For free''', if the access/use of this resource/tool is costless.
>
> '''For a fee''', if one have to pay to access/use this resource/tool.
>
> '''Unknown''', if you don't know which of this descriptors apply for
> your link.}}
> |- valign="top"
> | {{{field|Cost|mandatory}}}
> |- valign="top"
> ! F-AG{{#info:Choose the F-AG(s) that can find useful this link. If you
> work in one of these areas and you have used this resource/tool, it will
> probably be helpful for your F-AG. If you think that any other F-AG
> might find your link useful, choose it.}}
> |- valign="top"
> | {{{field|F-AG|input type=listbox|size=7}}}
> |- valign="top"
> ! Clarin-D Centre{{#info:Choose the Clarin-D Centre(s) that can find
> useful this link. If you work in one of these centres and you have used
> this resource/tool, one might say that it is helpful for your centre. If
> you think that any other centre might find your link useful, choose it.}}
> |- valign="top"
> | {{{field|Clarin-D centre|input type=listbox|size=9}}}
> |}
> {{{end template}}}
>
> '''Comments'''{{#info:You can provide complementary information that you
> consider important or helpful about this link. You can also share your
> experience as user. Feel free to give feedback about the form itself.}}
>
> {{{standard input|free text|rows=10}}}
>
>
> {{{standard input|summary}}}
>
> {{{standard input|minor edit}}} {{{standard input|watch}}}
>
> {{{standard input|save}}} {{{standard input|preview}}} {{{standard
> input|changes}}} {{{standard input|cancel}}}
> </includeonly>
>
> ==== END OF MY FORM ====
> ------------------------------------------------------------------------------
> All the data continuously generated in your IT infrastructure
> contains a definitive record of customers, application performance,
> security threats, fraudulent activity, and more. Splunk takes this
> data and makes sense of it. IT sense. And common sense.
> http://p.sf.net/sfu/splunk-novd2d
> _______________________________________________
> Semediawiki-user mailing list
> Sem...@li...
> https://lists.sourceforge.net/lists/listinfo/semediawiki-user
|