25 Replies to “Timetable and Event Schedule”

    1. Hi Brittany,
      There is Order parameter available for each Column so you should define the Order value for each Column to sort them properly. Or you can try using third party plugins that allow to order the post types with drag and drop.

  1. How can I change the list view in mobile Version? That means the bg-color I use for the table view should also appear in the list view in the mobile version?

  2. Hi! I want to know how I could upload a new timetable by importing it using a xml file!
    Is there any way to remove the previous one completely and add another one?

    1. Hi,

      There is XML import through the Export /Import tab. Through this tab you can import only the data exported from the Timetable plugin on a different domain.
      It is only possible to remove the old timetable by removing its shortcode through the WordPress editor. You will need to add a new shortcode to display a new timetable.
      If you do not specify the categories/columns/events/tag in the shortcode then the newly imported events will be displayed on the webpage automatically.

  3. Hi, I want to know how to fix width of columns. Because mondays is the bigguest column, then Tuesday, and so on to get littel columns.

      1. This extend the whole table including the time.

        Can I make all columns equal but lave the time column default? (like 40px)

        1. Hi Ned,
          You can try this style:

          @media (min-width: 1281px){
            .mptt-shortcode-table {
              table-layout: fixed;
              width: 100%;
            }
            .mptt-shortcode-table th:first-child{
              width:8%;
            }
          }
          
          1. FYI, some code for a 7 columns TimeTable with a way to set the width of many of those columns:

            @media (min-width: 700px){
              .mptt-shortcode-table {
                table-layout: fixed;
                width: 100%;
              }
              .mptt-shortcode-table th:first-child{
                width:11%;
              }
              .mptt-shortcode-table th:nth-last-child(2){
                width:13%;
              }
              .mptt-shortcode-table th:nth-last-child(3){
                width:14%;
              }
             .mptt-shortcode-table th:nth-last-child(6){
                width:11%;
              }
            }

            _________________________________________________________
            AND this is code to access the First Row containing the columns heading:

            .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
                text-align: left;
                font-size:0.75em;
                padding: 0.25rem;
               }
  4. In fact, it adds breaks between the time separator dash that stacks the times and doesn’t fit properly in the box. The only change that I made to the site was to update SiteOrigin Widgets. Would that affect the output of the Timetable? Is there any way to adjust the output to remove those added breaks?

  5. I am wondering if there is a way to re-order the columns in a particular timetable. I tried changing it in the code but that didn’t work.

  6. Hello,
    I am a absolutely newbie and added the timetable plugin on our sit. How/Where can i change the background color of the collums/rows where the time and weekday is added?( not from the class!) How/Where can I change the font-size?

    Thanks!!!

  7. Hi, is it possible to always show the listview created for mobile devices instead of the timeschedule on desktops?
    Thanks!

    1. Solved it by using the styles:

      @media (max-width: 767px) {
      .mptt-main-wrapper .mptt-content {
          padding: 0 2rem 2rem;
          width: 100%;
      }
      .mptt-main-wrapper .mptt-sidebar {
          padding: 0 2rem 2rem;
          width: 100%;
      }
      .mptt-shortcode-wrapper .mptt-shortcode-list {
          display: block;
      }
      .mptt-shortcode-wrapper .mptt-shortcode-table {
          display: none !important;
      }
      .mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-list {
          display: none !important;
      }
      .mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table {
          display: table;
      }
      .mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table td.event {
          min-width: 200px;
      }
      }
      
      Remove the @media selector and add postid class for specific page, add to style.css of child theme:
      
      .postid-123 .mptt-main-wrapper .mptt-content {
          padding: 0 2rem 2rem;
          width: 100%;
      }
      .postid-123 .mptt-main-wrapper .mptt-sidebar {
          padding: 0 2rem 2rem;
          width: 100%;
      }
      .postid-123 .mptt-shortcode-wrapper .mptt-shortcode-list {
          display: block;
      }
      .postid-123 .mptt-shortcode-wrapper .mptt-shortcode-table {
          display: none !important;
      }
      .postid-123 .mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-list {
          display: none !important;
      }
      .postid-123 .mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table {
          display: table;
      }
      .postid-123 .mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table td.event {
          min-width: 200px;
      }
      

Leave a Reply

Your email address will not be published. Required fields are marked *