Patapage

Flip your HTML text around

with 2 comments

image One of the problems we had to met while building Patapage was the ability of “flipping” text vertically in both directions, top-bottom  and bottom-top. This because many users want to activate Patapage services as docked buttons, as it is done in so many web 2.0 applications, adding some external application widget to your pages.

But in those cases the text pasted is fixed, and the widget’s button  is usually an image, with “on click” active on it. But we wanted more: we wanted the web site editor to be capable of freely editing the text of the button, so we needed the docked button to be in pure DHTML. We needed to be able to flip any text vertically, either bottom up or top bottom.

We thought there would be a hundred ready (possibly on jQuery) solutions to this, but we found none, in particular, none compatible with the usual series IE7-8 Firefox Safari Chrome, so our pupunzi built his own; it is a general jQuery component, freely available here:

http://pupunzi.open-lab.com/mb-jquery-components/mb-fliptext/

And then we included this feature in Patapage, if you are using docked buttons:

image

Written by Pietro Polsinelli

January 8, 2010 at 10:05 am

Posted in details

Tagged with , ,

2 Responses

Subscribe to comments with RSS.

  1. [...] See it also presented in Patapage: Flip your HTML text around [...]

  2. [...] Flip your HTML text around [...]


Leave a Reply