Introduction

Editor Buttons, Tables & Lists

When I first released the Joomla plugin "Responsive Tables" in 2013, the "Responsive Design" website's market was emerging. A few months later, according to the requests of my clients, I decided to increase the power of my plugin simplying it for you. In this logic, I've been worked on implementation that meet 2 criteria:
- Provide 2 ways to display your table responsively,
- Anyone should be able to use it without knowing HTML code.

  • Get this
  • Favourite
  • Report

First method Flip side
The first method to display the table responsively is well knowed now. On mobiles devices (under 768px), the < thead >, of the table become his first column (the yellow one on the picture bellow). The table toggle on the side.
You just have to touch the table with your finger and move "right" and "left" the columns, the first one is still fix and available

Second method : Horizontal scroll
The second method to display the table responsively is a little bit different. On mobiles devices, the table scrolls horizontaly (if the table is larger than the screen).
You just have to touch the table with your finger and move "right" and "left" the columns. In this case, the table doesn't "flip" and the first column can disapear. This is different approach of the "Responsive Design" to increase the user experience.

The "Responsive Design" experience was successfully tested on iPhone, iPad, Androïd and BlackBerry.

Caution
If you want/need to display images, the best design practice is using the tag < div >. Remember, tables are displaying datas. So, please don't use "Responsive Tables - Editor" to display images in your HTML tables. The plugin DO NOT resize pictures.


Very good


Posted on 26 November 2015
Functionality

super

Ease of use

easy

Support

ok

Documentation

ok

I used this to: site
Responsive Tables

Responsive Tables

Free | Tables & Lists | http://www.web-eau.net
3
Score:
75
2 reviews
Since 2012, "Responsive Design" is a massive trend in webdesign. Websites are mainly oriented to increase the user experience on any devices. In this logic, the lightweight "Responsive Tables" plugin is designed to make "Responsive Design" any HTML / CSS table, specially on mobiles. To create this plugin, I've worked on implementation that would meet four criteria: Doesn't break responsive layouts of the template, Doesn't unnecessarily hide table data, Still allows you to compare rows with a key column. No librairy Jquery to avoid conflicts, Most of the time, as you looked at data table, you realized that the first column is the main key. This is the reference for the other columns. I wanted my extension "Responsive Tables" to have this first column always available. So, on mobiles devices, the head of the table become this first column (the yellow one on the picture bellow), the table "flip" on the side. You just have to touch the table with your finger and move "right" and "left" the columns, the first one is still fix and available (see below). To avoid always possible jQuery conflicts, "Responsive Tables" don't use this librairy. The "Responsive Design" experience has been tested with success on iPhone, iPad, Android and BlackBerry. Caution : Please, don't use "Responsive Tables" to display images in your content. The plugin DO NOT resize pictures. If you want/need to display images, the best design practice is using the tag < div >, tables are displaying datas. Please, use my forum support for your questions and the JED for your reviews. Enjoy ! ========= Version 2.1.0 : add some improvements in code for a better Responsive Design experience
p
Dictionary

Dictionary

Free | Glossary | http://www.web-eau.net
3
Score:
71
5 reviews
Most of the time, glossaries available for Joomla! have the same common and boring display. You should say "nice but déjà vu". So, I've decided to create something different with an original display. Each word should be immediately identifiable and the definitions are "hidden" with some CSS3 (I've been inspired by the Wikipedia's display). For creating "Dictionary" Joomla! component, I've worked on implementation that would meet four criteria: - Should be Responsive Design, - Import and export the content, - Should combine simplicity on backend and powerful on frontend, - About coding, light is right. A complete documentation is also provided for free here: http://www.web-eau.net/dictionary/documentation/ Dictionary is fully Responsive Design, it means that your content will be also perfectly displayed on tablets and mobiles phones. Dictionary is provided with these language files: - en-GB - fr-FR - it-IT - nl-NL - mk-MK - nl-BE - de-DE - ar-AA - pt-BR - el-GR Thanks a lot to the translators : #JoomlaRocks! I've decided to provide Dictionary free of charge. For all and for ever. What are you waiting for to test it?
c
Menu Restaurant Premium

Menu Restaurant Premium

Free | Food & Beverage | http://www.web-eau.net
3
Score:
0
1 review
This premium module displays for restaurants, cafés or any other food business, the "Dishes of the day" with up to 3 starters, 3 main courses, 3 desserts and the price. The user can display a different menu every day. He can choose: - the font family, - the color of the font, - the background image of the module (a chalkboard picture PNG is include with the module), - the size of the background image, - the price with currency, - display the menu justified or centered, - display (or not) the Copyright of the module. Languages files included : english (en-GB), french (fr-FR), italian (it-IT), polish (pl-PL) Feel free to send me your translations for the next release. This module is the Premium version of my extension "Menu Restaurant".
m
Menu restaurant

Menu restaurant

Free | Food & Beverage | http://www.web-eau.net
3
Score:
0
0 reviews
This module displays for restaurant, cafés or any other food business, the "Dish of the day" with a starter, a main course, a dessert and price. The user can display a different menu every day. He can choose: - the font, - the color of the font, - the background image of the module (a chalkboard picture PNG is include in the module), - the size of the background image, - the currency, - to display (or not) the Copyright of the module. Languages files : en-GB, fr-FR, ru-RU Feel free to send me others translations for the next release. Enjoy ! Release 1.2.0 10/2013 : - description more complete Release 1.1.0 09/2013 : - correcting minor bug Release 1.0.1 07/2013 : - adding russian translation, - background-image : no-repeat
m
Quick Icons for Dictionary

Quick Icons for Dictionary

Free | Extensions Quick Icons | http://www.web-eau.net
3
Score:
0
0 reviews
You can add some nice and "time saving" quick icons for Dictionary to your admin panel. With these quick icons, you can easily: - Add a new definition - Open the list of the words already entered in your glossary - Access to the complete documentation of Dictionary - Access to the forum support for Dictionary - Access to the JED page of Dictionary This module is optional but Dictionary needs to be installed first for working properly. This module is provided with theses languages files: - en-GB - fr-FR
m

Responsive Tables - Editor

Version:
1.0.0
Developer:
http://www.web-eau.net
Last updated:
Aug 08 2015
Date added:
Feb 03 2015
License:
GPLv2 or later
Type:
Free download
Uses updater:
Includes:
Compatibility:
Download DemoNot available SupportNot available Documentation
  • Overall
  • Functionality

  • Ease of use

  • Documentation

  • Support