0
Welcome Guest! Login
0 items Join Now

Auto-resize of table

Last Post
Search Topic

  • Auto-resize of table

    Posted 6 years 7 months ago
    • Hi,

      I made a roster to display our available lessons in a table.
      is it possible to make this also showable on smartphones and tablets (auto-resize)?

      You can see the roster on musicatplay.be/index.php/roosters

      Thanks very much in advance.
      Kind regards,
      Stef
    #1360017
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Auto-resize of table

    Posted 6 years 7 months ago
    • I wouldn't use tables but rather Gantry reponsive grids http://docs.gantry.org/gantry5/advanced/responsive-content .

      But you can make your table scroll like this:
      table {
  max-width: 100% !important;;
  overflow-x: auto;
  display: block;
  width: auto !important;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1360022

Time to create page: 0.051 seconds