Headlines Section: Collapse/Expand mode for iPhone version.

Jerome Granados / Katia Jannin on Tuesday, February 10th 2009 I 1 Comment

The design of the "headlines section" for the mobile version has been overhauled. The main novelty is the Collapse/Expand mode.


Headlines Section: Collapse/Expand mode for iPhone version.
First, let's see the display of the articles in the module. It's the same as in the headlines module, position 2 to 4: a 16/9 thumbnail, the title, the author, the date and break.

So, what's that Collapse/Expand mode? Note the appearance of a "+" to the right of the title.

A click on that symbol will expand the section. Click again, and the folder will collapse. Or click on another + and the opened section will collapse by itself to let the second expand.

In each section, you'll find the big clickable link "more articles". The number of additional articles that appear on each click is the number of articles you display by default. That is to be set in DESIGN > mobile design. Just add a Headlines Section module.




Vos commentaires

1.Posted by ashraf on 04/19/2010 9:22 AM | Alert
Use the form below to send an alert to the webmaster about this comment :
Cancel
Hi,
I was trying to do the same thing. Use a group table. a button in the section header. clicking it will expand the section and again clicking it collapse the section. working somehow, but found that when expanding the middle sections, the lower sections header still overlap the cells when expanding the middle section. seems some kind of refreshing problem.
Can u plz tell me how you implemented this?

rgds,
Ashraf

New comment:
Facebook Twitter



Last tweets
WMaker Blog | Le système de paiement Payzen est ajouté au webservice de la... | #cms https://t.co/6VvXLLceHm https://t.co/HF3XvCMvKw
Friday, October 14th - 19:00
WMaker Blog | Facebook Articles instantanés: Facebook a ouvert ses articles... | #cms https://t.co/WUawtB2eWc https://t.co/tnDyVMWJHo
Monday, August 1st - 17:01
WMaker Blog | Trois numéros plutôt rare: L'autre jour Sébastien a trouvé dans les... | #cms https://t.co/MMGmi2wozH https://t.co/IvP8v4m3Wz
Thursday, July 28th - 10:22
WMaker Blog | Créez vos apps avec GoodBarber: Aujourd’hui, coup de projecteur sur... | #cms https://t.co/Xnygo9EEQX https://t.co/DseCCN8wpq
Monday, July 25th - 12:03

Photostream