33 Replies to “Timetable and Event Schedule”

    1. Hi Martin,
      Yes, you may edit plugin translations to edit All Events label. After you edit translation you will need to check shortcode of timetable an make sure label parameter is empty label=""

      Reply

  2. Is it possible to prevent the minimum height being set on the .mptt-event-container div when a mouseover event occurs?

    Currently the height of each div increases on mouseover even though the content displays in full prior to the mouseover event.

    Reply

  3. Timetable and Event Schedule plugin failed the accessibility test.
    Timetable and Event Schedule is not 508 compliant

    Errors:
    1) Missing form label ()
    2) Empty table headers ()

    Reply

    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.

      Reply

  8. 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?

    Reply

  9. 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?

    Reply

    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.

      Reply

  10. 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.

    Reply

      2. This extend the whole table including the time.

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

        Reply

        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%;
  }
}
          Reply

          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;
   }

  11. 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?

    Reply

  13. 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.

    Reply

  14. 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!!!

    Reply

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

    Reply

    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;
}
      Reply

Leave a Reply

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