I've now added sorted the uneven column sizing, that worked great although I've just tested it on different devices and it doesn't seem to be responsive to screen size? The table needs to change the number of columns dpending on the screen size - ie only 1 or 2 columns for mobile screens, Do need to use something other than a table to do this?
I've also now added the custom user search to filter the results by event category which is working well but I need to restrict some of the values / categories that appear in the drop down list for selection. Is there a way to restrict which categories are available for selection within the customer search code?
The table needs to change the number of columns depending on the screen size - ie only 1 or 2 columns for mobile screens, Do need to use something other than a table to do this?
Now this is not something I would recommend using a table for. In a case like this you will need to remake your view by using the Loop Wizard and using the bootstrap columns.
The bootstrap columns allow your layout to be responsive because tables are not responsive to different screen sizes.
Is there a way to restrict which categories are available for selection within the customer search code?
Unless you are using some javascript to disable the option then no.
I've switched to a bootstrap grid without content template but there seems to be an issue / conflict with the theme.
I believe the theme is using Bootstrap although I dont know which version I would imagine 3 though. However with either of the 2 'my theme has bootstrap' options in the settings there coulumns aren't formating as you would expect.
If I switch the settings to either Toolset load Bootstrap 3 or 4 then it does look as expected with 4 columns but this effects other layout options within the theme - I assume because the theme is using it too.
From what I can see your theme isn't loading the bootstrap css. Its getting some Javascript and font awesome css but not the bootstrap css itself.
The only other option I can see helping here is to use our Blocks setup to create your view. However for this the block uses a content template which your theme will overwrite.
We are essentially stuck between a rock and a hard place where this is concerned because bootstrap is required for the columns to work. Unless your theme has a css framework for responsive columns that we can use.
The theme does have it's own framework for responsive columns and rows so I will give that a try now - thanks so much for mentioning that, I'd forgotten it did.
With regard to the javascript to disable unwanted event categories from the search filter - do I add this to the JS editor section of the Search and Pagination section in the view?
Some progress / better result replacing the column div classes with the responsive framework from the theme bit it's not quite right yet...do I also need to replace / remove some of these classes from the start of the loop??
Just realised I need to change the columns to span 3 rather than span4 so it's looking ok now 🙂
Just the previous query below to sort now hopefully...
With regard to the javascript to disable unwanted event categories from the search filter - do I add this to the JS editor section of the Search and Pagination section in the view?
With regard to the javascript to disable unwanted event categories from the search filter - do I add this to the JS editor section of the Search and Pagination section in the view?
Also...with regard to the dropdown list removal of options...there is no ID for the select field assigned automatically - can I add this somehow within the code in the search?
Can I add multiple values in the value="" bit of the JS? Or do I add another JQuery statement for each value?
