Efficient usage
Popup-Forms
With Plone 4 you may easily create dialog boxes and forms using jQuery tools. Form data may be entered without JavaScript. Moreover the following additional components are possible:
- Tabs
- Tabs are the most frequently used component. Horizontal tabs and so-called accordeons are possible with tabs.
- Tooltips
- Using tooltips you may create simple user interfaces.
- Overlay
- With overlays you can create modal dialogues and slide shows.
- Exposé
- With overlays you can create modal dialogues and slide shows.
- Scrollable
- Scrollable is a powerful library able to change any element in a page in size, form, loops etc.
This way you can implement visually appealing and impressive user interfaces within Plone using jQuery tools.
Dynamic reloading of elements
With the in-view Plugin you can load comments or similar elements located at the end of a page. The plugin allows to load elements the moment they are to be displayed. This has the following advantages:
- readers are shown the full content if they actually want to read it
- initial page loading times can be reduced considerably
- if AJAX is being used to display dynamic elements on a page the static elements may be cached much better, especially if those additional elements carry personalized data. This again helps to reduce load times.
Events
Using jQuery Fullcalendar you may interactively switch between monthly, weekly and daily views. The same way you may browse into the past or future. Take my public events as an example: Events.
Tables
Views of tabular data may be interactively changed by using the jQuery plugin Flexigrid. Key features include:
- interactive filtering für table contents
- multicolumn sorting with data type recognition
- change the column width interactively
- fully localizable (l10n)
As an example for an interactively changeable HTML table see the News.
Mobile devices
This demosite is now conveniently read and displayed by the usual browsers of smartphones and tablets.
The optimization für mobile devices specifically includes the following aspects:
- mobile device browsers are redirected to specific websites, i.e. from http://www.veit-schiele.de/ to http://m.veit-schiele.de/.
- specific views for navigation and folder lists are triggered, i.e. http://m.veit-schiele.de/profil/mobilefolderdefault.
- with browsers of mobile devices telephone numbers may be dialled directly, e.g. in http://m.veit-schiele.de/impressum.
- Images are optimized for mobile applications.
