NooTheme Premium WordPress Theme › Forums › Timetable › Adding class details to list view
- This topic has 5 replies, 2 voices, and was last updated 5 years, 9 months ago by darrenjames.
-
AuthorPosts
-
5 years, 9 months ago #1068648
Hi,
After buying this plugin and testing it we realised that because we have a lot of 1 hour long classes starting at the same time the timetable tends to "cluster" the classes and make them unreadable. You can see an example here, where we have added some test data for Monday-Wednesday for classes in the late afternoon, and there's three classes all starting around the same time (with more to be added):
https://flametreeyogastudio.com.au/yoga-class-and-timetable/#timetable2However we really like how the classes are edited in WordPress and are keen to use the plugin, so we tried the list view, which displays classes in a more readable format. Example here:
https://flametreeyogastudio.com.au/yoga-class-and-timetable/#timetable3The issue we have is on desktop, we really want people to see the address (room) and teacher details without having to click the class name. I've attached a screengrab ft-timetable-list.png, outlining in yellow and red text what we are trying to achieve.
Right now, I don't think the plugin displays this data in the list view option, its only on clicking the class name it shows. Does the plugin expose any hooks or functions so we could modify the list output to display this? Or even if you pointed us to the relevant function so we could do it ourselves?
Thanks for a great plugin, if we can get it working the way we need it to it will save us a lot of time managing timetable data.
Attachments:
You must be logged in to view attached files.5 years, 9 months ago #1068678Hi,
Current class has no field for the room number. If you use the Address for Room number field, I have changed some lines of code in the ntt-schedule.php (/wp-content/plugins/noo-timetable/templates/shortcodes/) file, you can replace it.
Before doing this, make sure you are using the latest version (2.0.5.2).
Best regards,
tb.
5 years, 9 months ago #1068691Hi, Current class has no field for the room number. If you use the Address for Room number field, I have changed some lines of code in the ntt-schedule.php (/wp-content/plugins/noo-timetable/templates/shortcodes/) file, you can replace it. Before doing this, make sure you are using the latest version (2.0.5.2). Best regards, tb.
Attachments:
You must be logged in to view attached files.5 years, 9 months ago #1068728Thanks for the code - I'll take a look. I was going to use address for the room number. For some reason I didn't get email notifications for your update, and managed to extend your code to do it. I'll explain how:
In fullcalendar.custom.js, in the function ListEventRenderer.prototype.fgSegHtml around line 14818, eventDef contains a property 'miscProps', so I added this line:
'<td class="fc-list-item-title ' + theme.getClass('widgetContent') + '">' +'<a' + (url ? ' href="' + util_1.htmlEscape(url) + '"' : '') + '>' +util_1.htmlEscape(eventDef.title || '') +' by ' + util_1.htmlEscape(eventDef.miscProps.trainer || '') + ' in ' + util_1.htmlEscape(eventDef.miscProps.address || '') + '' +'' +The end result is in the attached screengrab. I just need to modify the CSS so the extended details aren't visible on mobile.
Attachments:
You must be logged in to view attached files.5 years, 9 months ago #10687345 years, 9 months ago #1068857Thank you for all your help with this.
-
AuthorPosts
You must be logged in and have valid license to reply to this topic.