Weekly Schedule
Error with vertical layout... (3 posts)

  1. escalatoraccidnt
    Posted 4 years ago #


    I'm having an issue when switching to the vertical layout.

    All the times get listed vertically on the left, but then a new div starts below that vertical list with the days across the top and the cells all laid out correctly...

    It's strange that the vertical row of times are table rows, but then the days and the cells are divs...

    Any thoughts?


  2. seegullmedia
    Posted 4 years ago #

    Add the following code to your stylesheet:

    .ws-schedule .verticalcolumn {
    float: left;

  3. aendrew
    Posted 4 years ago #

    I just had some fun with the vertical layout.

    Some additional tips:

    .ws-schedule table {border-padding: 0px !important;}

    ...if the table's cells aren't lining up properly.

    Also, if you're using 15-hour increments, you need to add the following to the stylesheet:

    .ws-schedule tr.datarow8 {
    	height: 560px;
    .ws-schedule tr.datarow9 {
    	height: 630px;
    .ws-schedule tr.datarow10 {
    	height: 700px;
    .ws-schedule tr.datarow11 {
    	height: 770px;
    .ws-schedule tr.datarow12 {
    	height: 840px;

    ...And so on, with 70px increments per row. I only had to do up to 2h; if you're doing longer than that, you'll need to do however many of these.

    I was having a heck of a time trying to figure out why all my events longer than 2h were showing up as <15m... lulz.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Weekly Schedule
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic