Column View As Module

Is there a way to do the column view as a module? I want upcoming events to display on the homepage of this website: homesfl.org/2017site/index.php

In a fashion similar to the current sample 'upcoming events' layout.

I don't think there is a way to do this at present in EB with the developer-provided modules. However, think you could hack it in using an additional extension called Custom HTML Advanced ( www.pluginaria.com/custom-html-advanced.html ). Note: this is sort of an advanced hack that will require CSS writing experience.

If you want to display the module to show the content exactly as it does on your homesfl.org/2017site/index.php/program-event/upcoming-events page, you could create a module using Custom HTML Advanced, and within it setup an iFrame set to display homesfl.org/2017site/index.php/program-e...vents?tmpl=component (adding the tmpl=component to any Joomla URL prevents the template from displaying).

You would have to force some heavy changes via CSS to resize elements (and I've found that there are elements in EB that don't have classes applied, which will make it a little harder to tweak things). Just make sure that you apply a unique ID or module class to the Custom HTML Advanced module so that you can target the module contents and not accidently affect your main event display.

Actually, I think you can try to create a module, type Events Booking - View:

1. Set View parameter to Upcoming Events

2. For Query String parameter, set it to layout=columns&id=ID_OF_CATEGORY_YOU_WANT

Then check it, it should work

Tuan

That did work, but the column formatting is HUGE. Is there any way to make the event information appear smaller?

Tuan Pham Ngoc wrote: Actually, I think you can try to create a module, type Events Booking - View:

1. Set View parameter to Upcoming Events

2. For Query String parameter, set it to layout=columns&id=ID_OF_CATEGORY_YOU_WANT

Then check it, it should work

Tuan

Also, is there a way to make 3 column and limit how many events show at once? As we add events beyond the column limit, it seems to push the page down and make a new row.

Hello Bill

1. To limit number of event, add limit=NUMBER into query string above. For example layout=columns&id=1&limit=9

2. For making it 3 columns, unfortunately, you will have to edit the code for now. Try to look at the file components/com_eventbooking/view/common/tmpl/events_columns.php, you will see the code in line 26 and 30 which has this set to 2. Change 2 to 3 should solve the issue

Tuan

Tuan Pham Ngoc wrote: Hello Bill

1. To limit number of event, add limit=NUMBER into query string above. For example layout=columns&id=1&limit=9

2. For making it 3 columns, unfortunately, you will have to edit the code for now. Try to look at the file components/com_eventbooking/view/common/tmpl/events_columns.php, you will see the code in line 26 and 30 which has this set to 2. Change 2 to 3 should solve the issue

Tuan

That worked great! Thanks!

Last question. Is there a way to turn off pagination for this view? When it moves beyond the three events a pagination area appears and to click to 'page 2' and refreshes the whole pages and makes them scroll down again to view the next set.

Turn of pagination? Then how many events should be displayed in that page?

Tuan

Tuan Pham Ngoc wrote: Turn of pagination? Then how many events should be displayed in that page?

Tuan

For the homepage we only want to preview the next three events. They can just view the rest on the actual upcoming events page.

Please try to get this file, unzip it, upload to components/com_eventbooking/view/upcomingevents/tmpl folder, then check it again to see whether it works?

If it works, then you should move that file to your site template PATH_TO_TEMPLATE/html/com_eventbooking/upcomingevents folder so that the change won't be lost when you update to future releases of Events Booking. This is called Template Override in Joomla

Tuan