Re: [css-d] how to time table on small screens
On May 28, 2015, at 5:22 AM, Erik Visser e...@erikvisser.net wrote: Chad Lundgren schreef op 27-05-15 om 05:47: I like CSS Tricks's method of dealing with this issue: https://css-tricks.com/responsive-data-tables/ Looked into that and other presented soultions. But i can't figure out how i can put that to work with the time table i'am using. The original table and some smaller versions i made: http://beta.erikvisser.net/yoga_lesrooster5.php Anyone any ideas? Alternatively i could show / hide different versions of the table based on the screen width (media queries). That should work i guess. Although it might not be the most clever solution. And disadvantage is that i have the data multiple times on the webpage. Erik Hi Erik, I would set it up with a backend tech like PHP (or your backend tech of taste) that echoes out the data and places it inside either the list layout or the table layout on creation. You just have to get the screen size to pass to the php function before build. Could do the same with ASP or CF too. Best, Karl DeSaulniers Design Drumm http://designdrumm.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to time table on small screens
Chad Lundgren schreef op 27-05-15 om 05:47: I like CSS Tricks's method of dealing with this issue: https://css-tricks.com/responsive-data-tables/ Looked into that and other presented soultions. But i can't figure out how i can put that to work with the time table i'am using. The original table and some smaller versions i made: http://beta.erikvisser.net/yoga_lesrooster5.php Anyone any ideas? Alternatively i could show / hide different versions of the table based on the screen width (media queries). That should work i guess. Although it might not be the most clever solution. And disadvantage is that i have the data multiple times on the webpage. Erik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to time table on small screens
On 28/05/2015 11:22, Erik Visser wrote: Alternatively i could show / hide different versions of the table based on the screen width (media queries). That was the route I took, because the CSS-tricks method didn't really work for me http://seaviewmull.co.uk/avail/2015 Two versions of the table are made using PHP. That should work I guess. Although it might not be the most clever solution. And disadvantage is that i have the data multiple times on the webpage. True, but a text only table is light-weight Tim Dawson -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to time table on small screens
27 maj 2015 kl. 05:47 skrev Chad Lundgren chad.lundg...@gmail.com: I like CSS Tricks's method of dealing with this issue: https://css-tricks.com/responsive-data-tables/ Me too. One of the better approaches. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to time table on small screens
Hi Erik, i recommend the CSS Tricks's method too. We are using it in our internal sites and it works fine on several devices. Best Ludwig On Wed, May 27, 2015 at 5:47 AM, Chad Lundgren chad.lundg...@gmail.com wrote: Hi Eric, I like CSS Tricks's method of dealing with this issue: https://css-tricks.com/responsive-data-tables/ Thanks, Chad On Tue, May 26, 2015 at 9:30 PM, Erik Visser e...@erikvisser.net wrote: Hi all, On the site i'am reworking for smaller screens there is a time table: http://www.utrechtsyogacentrum.nl/yoga_lesrooster.php Off course there is room to shrink this table some more. But is this the way to go? What are your experiences / advice on how to present such a table on smaller screens. Any examples? Thanks, Erik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Ludwig Bekic A-1030 Wien, Wedlgasse 3/23 Mail: lbe...@gmail.com Web: www.gelberTraktor.at Mobile: +43 676 9173757 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how to time table on small screens
Hi all, On the site i'am reworking for smaller screens there is a time table: http://www.utrechtsyogacentrum.nl/yoga_lesrooster.php Off course there is room to shrink this table some more. But is this the way to go? What are your experiences / advice on how to present such a table on smaller screens. Any examples? Thanks, Erik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to time table on small screens
Hi Eric, I like CSS Tricks's method of dealing with this issue: https://css-tricks.com/responsive-data-tables/ Thanks, Chad On Tue, May 26, 2015 at 9:30 PM, Erik Visser e...@erikvisser.net wrote: Hi all, On the site i'am reworking for smaller screens there is a time table: http://www.utrechtsyogacentrum.nl/yoga_lesrooster.php Off course there is room to shrink this table some more. But is this the way to go? What are your experiences / advice on how to present such a table on smaller screens. Any examples? Thanks, Erik __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/