• Do not register here on develop.twiki.org, login with your twiki.org account.
• Use View topic Item7848 for generic doc work for TWiki-6.1.1. Use View topic Item7851 for doc work on extensions that are not part of a release. More... Close
• Anything you create or change in standard webs (Main, TWiki, Sandbox etc) will be automatically reverted on every SVN update.
Does this site look broken?. Use the LitterTray web for test cases.

Item7649: Responsive multi-column page layout using CSS

Item Form Data

AppliesTo: Component: Priority: CurrentState: WaitingFor: TargetRelease ReleasedIn
Engine Default templates, preferences settings, PatternSkin Enhancement Closed   patch 6.0.2

Edit Form Data

Summary:
Reported By:
Codebase:
Applies To:
Component:
Priority:
Current State:
Waiting For:
Target Release:
Released In:
 

Detail

This is part of TWiki:Codev.ResponsiveTopMenuSkin. This feature offers responsive two-colum, three-column and four-column page layout. The columns degrade down to single column depending on screen size of device or window width.

Affected for implementation:

Variable documentation:

Example: (resize the window width, or look at this page with a smartphone)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra ante ac augue sagittis semper. Vestibulum sed urna quam. Phasellus eleifend dolor id dui dictum lobortis. Etiam enim erat, fermentum eget libero non, pretium vestibulum nisi. Nam eget nisi diam. Cras egestas, nibh a malesuada hendrerit, tellus turpis gravida dolor, at fermentum ipsum libero id eros. Mauris a nunc turpis. Fusce turpis dui, blandit nec maximus at, sagittis et arcu. Duis eros sapien, accumsan sed varius eget, elementum eu sapien. Nulla congue, nulla efficitur gravida porta, leo ex feugiat purus, sit amet sagittis leo arcu at magna. Pellentesque eleifend, libero quis consectetur tincidunt, orci ipsum scelerisque turpis, vulputate feugiat risus orci non odio. Integer id enim turpis. Cras et nisl quis massa ornare maximus id sit amet justo. Mauris at mi eget nisi imperdiet ullamcorper.

diagram.png

Nam tortor arcu, tincidunt ac elit et, fringilla vestibulum ante. Vestibulum odio arcu, accumsan ac consequat vel, mollis at tellus. Nam sagittis tellus egestas, scelerisque odio eu, pharetra justo. Nam tincidunt, leo at rutrum consequat, augue felis feugiat diam, ac ullamcorper nunc mauris a purus. In hac habitasse platea dictumst. Aenean mollis, nisi eu eleifend elementum, ante dolor placerat dolor, pretium gravida diam lectus ac dolor. Curabitur tempor accumsan tortor ac sodales.

Curabitur interdum vehicula fermentum. Donec in nunc ligula. Fusce id viverra tortor. Praesent vitae arcu faucibus, iaculis augue ut, lobortis lectus. Integer commodo ullamcorper ante tristique congue. Praesent lectus lectus, dapibus in orci ut, egestas finibus enim. Donec euismod dolor porttitor imperdiet feugiat. Sed euismod quis erat id pharetra. Aenean venenatis eros mauris, a porta neque imperdiet at. Vivamus ultrices sem nec velit viverra lobortis. Praesent tristique lobortis ante.

Pellentesque placerat convallis massa, volutpat volutpat elit ultricies eu. Cras lacinia, massa ac aliquet ultricies, felis massa scelerisque erat, sed sodales velit ipsum eu turpis. Praesent viverra lacinia eros et aliquam. Nullam congue diam at rutrum viverra. Donec porta venenatis orci, vel aliquet tortor commodo vel. Praesent vitae mattis orci. Cras sed nunc dapibus sapien commodo posuere. Nulla feugiat commodo lacus ut commodo. Morbi tempor sollicitudin lacus eleifend bibendum. Phasellus vitae tincidunt libero. Fusce tempus rutrum egestas. Donec sed malesuada odio. Duis cursus, dui ut suscipit vehicula, tortor nisl sagittis elit, in accumsan risus dui a velit. Vestibulum sed ante libero. Duis ac lobortis lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

-- TWiki:Main/PeterThoeny - 2015-05-07

ItemTemplate
Summary Responsive multi-column page layout using CSS
ReportedBy TWiki:Main.PeterThoeny
Codebase ~twiki4, 6.0.1
SVN Range TWiki-6.0.1-trunk, Fri, 03 Apr 2015, build 28925
AppliesTo Engine
Component Default templates, preferences settings, PatternSkin
Priority Enhancement
CurrentState Closed
WaitingFor

Checkins TWikirev:29151 TWikirev:29152 TWikirev:29153 TWikirev:29154 TWikirev:29155 TWikirev:29156 TWikirev:29157 TWikirev:29158 TWikirev:29159 TWikirev:29160 TWikirev:29161 TWikirev:29162 TWikirev:29163 TWikirev:29164 TWikirev:29171 TWikirev:29172 TWikirev:29173 TWikirev:29174
TargetRelease patch
ReleasedIn 6.0.2
Edit | Attach | Watch | Print version | History: r23 < r22 < r21 < r20 < r19 | Backlinks | Raw View |  Raw edit | More topic actions
Topic revision: r23 - 2016-01-22 - PeterThoeny
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback