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 :
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?


New comment:
Facebook Twitter

Last tweets
WMaker Blog | Explications sur l'incident de cette nuit: De 2:00 AM à 09:30 AM... | #cms https://t.co/Z1Q2DccXvv https://t.co/hstgyo9xx8
Friday, September 22nd - 17:20
WMaker Blog | Boites mails, piratage et spam: Récemment nous avons eu beaucoup de... | #cms https://t.co/UICs9e0YMN https://t.co/Fy13d5zdZ9
Tuesday, July 4th - 18:18
WMaker Blog | Maintenance planifiée ce Mercredi 22 Février: Nous allons faire une maintenance de base de... | #cms https://t.co/U8xu9JWiTC
Monday, February 20th - 15:16
WMaker Blog | Pace e Salute: Toute l'équipe du CampusPlex (WMaker &... | #cms https://t.co/pnUZnbw3vG https://t.co/7FVEI4qGnf
Sunday, January 1st - 00:02