Reordering/truncation of Timeline Blog (with filters)

4 replies · opened Sep 20, 2020

CC0deysseusSep 20, 2020

Hi there!

I recently implemented the ability to "filter" blog timeline entries by tweaking and finagling the FAQs filter and the on-page script:

jQuery(document).ready(function($){
var $faqItems = $('#faqs .faq');

The filter successfully removes unrelated entries by applying a "display:none;" CSS styling, but I was wondering if there was a way to have the timeline items reorganize/reorder/truncate themselves so that there aren't just gaps? In other words, is there a way for the JS to once again go through the entries that are visible after the filter is applied and reorganize them so that no blanks/gaps are shown?
The purpose is to shorten and streamline the timeline to display only events applicable to a certain character, but not make the user scroll forever to see random events every once in a while. LOL!

Let me know! : ) Perhaps it's just a snippet that needs to be added to have the "blogTimelineEntries: function" fire every time a filter is selected?

((Edit: Thinking about this a bit more—it would be similar to how items in a portfolio get filtered out and reordered, but it would apply to timeline entries instead of portfolio items.))

SSemicolon WebSTAFFSep 21, 2020

Hello,

Completely understand the way you are trying to implement this. And this is definitely possible. But using the FAQs filter is not the solution. You will need to use the same filter as the Portfolio. We have attached an Example Template but you will need to manually customize anything further according to your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

CC0deysseusSep 22, 2020

Hi!
Thank you, thank you for the speedy response! This thread has actually forced me to finally upgrade from the original version I bought (4.4—yikes!) to the newest, so I've been spending the past few days redoing everything. LOL. I just wanted to say thank you!!

SSemicolon WebSTAFFSep 24, 2020

Hello,

Very Happy to Help! Looking forward to know your experiences with Canvas 6. Please be critical so that we can fix issues in updates.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard