Re: Ugly construct of spans embedded in a paragraph
Smalltalk <[email protected]>
| Newsgroups | gmane.comp.lang.smalltalk.squeak.seaside |
|---|---|
| Message-ID | <[email protected]> |
Hi, How did you build this Lateral Menu ? regards, bruno El 30/03/2018 a las 12:10, gettimothy escribió: > Thank you. I will explore that route tonight > > > > > ---- On Fri, 30 Mar 2018 10:02:13 -0400 *[email protected]* wrote ---- > > 2018-03-30 3:37 GMT-03:00 gettimothy <[email protected] > <mailto:[email protected]>>: > > > My problem is this construct: > > > > <p> some text <span> popup info</span> continue the pragraph > text </p> > > > I can do it, but it is not elegant: > > Well, you're not comparing apples with apples, because the required > html construct is more complex than that. > > And it is something like this: > <p> some text <span data-tooltip aria-haspopup="true" class="has-tip" > data-disable-hover="false" tabindex="1" title="Fancy word for a > beetle.">popup info</span> continue the paragraph text </p> > > > Seaside can be very succinct for some cases, and extremely verbose in > others, what you can implement is something like zurbTooltip: aString, > that could do something like > > WAGenericTag>>#zurbTooltip: aString > > self > beTooltip; > dataTooltip; > ariaHasPopup: true; > dataDisableHover:'false'; > title: aString > > And then in your code you can do something like. > > renderExampleOn: html > > html paragraph with:[ > html text: 'The '. > html zurbSpan > zurbTooltip:'Fancy word for a beetle.'; > with:[html text: 'scarabaeus']. > html text: 'hung quite clear of any branches, and, if allowed to > fall, would have fallen at our feet'] > > I don't know whether the options in zurbTooltip: are reasonable > defaults, but if they are then the code will be more compact. > > Also I don't know if the tooltip can be applied to <span> tags or to > any tag (as in Bootstrap), I assumed the later otherwise you'd have to > implement zurbTooltip: in the proper subclass of WAGenericTag. > > > > Esteban A. Maringolo > _______________________________________________ > seaside mailing list > [email protected] > <mailto:[email protected]> > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > > > > _______________________________________________ > seaside mailing list > [email protected] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside --- El software de antivirus Avast ha analizado este correo electrónico en busca de virus. https://www.avast.com/antivirus _______________________________________________ seaside mailing list [email protected] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside