Simple Trick to navigate from Previous to Next Video?
By Paul Murray on Thursday, 09 March 2017
Posted in Tutorials (Not Supported)
Replies 15
Likes 0
Views 1K
Votes 0
HI Stackideas Team

I know that I am very close to getting this to work.

With the help of Sourcerer I have been able to insert the following code/formating:

https://www.regularlabs.com/extensions/sourcerer#editor-button


Transitions are your friend and can be used to spice up your edit. The wonderful thing about transitions is that they are guaranteed to rescue even the most miserable edit.




{source}[[span style="color:red"]]This text should be red! Testing123[[/span]]{/source}


There is however a problem.

http://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/groups/26-final-cut-pro-x-social-learning/videos/197-edit-not-like-a-pro-08?from=group

The code I insert seems to break the “More” link.

Is there a way to insert this code so that this does not happen?

Rather than inserting “This text should be red! Testing123” I am hoping to insert two links one for “Previous Video” and one for “Next Video.”

Where Previous Video” is:
http://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/groups/26-final-cut-pro-x-social-learning/videos/198-edit-not-like-a-pro-07?from=group

And Next Video is:
http://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/groups/26-final-cut-pro-x-social-learning/videos/196-edit-not-like-a-pro-09?from=group

If I am wasting my time or if this is just not possible just say so.

thanks

Paul
Hi Paul,

This is very interesting I've tried this by install the sourcerer in my local instance. Can you try the code below and see how it goes?


{source}[[a href="http://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/groups/26-final-cut-pro-x-social-learning/videos/198-edit-not-like-a-pro-07?from=group"]]Previous Video[[/a]]{/source}



Transitions are your friend and can be used to spice up your edit. The wonderful thing about transitions is that they are guaranteed to rescue even the most miserable edit.



{source}[[a href="http://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/groups/26-final-cut-pro-x-social-learning/videos/196-edit-not-like-a-pro-09?from=group"]]Next Video[[/a]]{/source}

and to make the 'more' break the description, you can setting stream>activity stream>layout>truncate content at specified length maybe to 1000
https://www.screencast.com/t/eYepQyT2
Muhammad Fadhli
·
Thursday, 09 March 2017 17:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Fadhi

This is what I love about you guys.
You ALL think out of the box.
And go the extra mile to make your customers/supporters happy.

I confirm that this works.

Thank you so much and I will switch this to the tutorials category.

Maybe this will benefit some others as well!

all the best

Paul
Paul Murray
·
Thursday, 09 March 2017 17:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadhi

I am noticing a problem.
If I go here:
http://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/groups/26-final-cut-pro-x-social-learning/videos
I now no longer see the description for the video for video 8.
But as soon as I click on the link:
http://www.finalbug.net/groups-learn-post-production-socially-fcpx-and-more/groups/26-final-cut-pro-x-social-learning/videos/197-edit-not-like-a-pro-08?from=group
I see the description.

I am hopping that it is just a bracket or some thing that messes things up.

Maybe you have an idea?

thanks

Paul
Paul Murray
·
Thursday, 09 March 2017 18:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Paul,

Seems like the truncation for the description was hardcoded in the videos page (with value 120 character), where caused the description(consist html code) was not rendered correctly
But your description consist 592 character https://www.screencast.com/t/nx71Pd3aE8H
Perhaps you can go to this file:
JoomlaFolder/components/com_easysocial/themes/wireframe/videos/default/item.php
and search for the code below:


<?php echo $this->html('string.truncate', $video->getDescription(), 120);?>

https://www.screencast.com/t/Qxn9MwsCqCJ
and change the '120' to '600'

You can make a template override for this file so it will not effected as you update to the latest version
Muhammad Fadhli
·
Thursday, 09 March 2017 18:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadhi

Seems like the truncation for the description was hardcoded in the videos page (with value 120 character), where caused the description(consist html code) was not rendered correctly


I guess that this means that no matter what value I entered here:

setting stream>activity stream>layout>truncate content at specified length

Nothing changed hence your suggestion to do this manually.

I have enter 900 for the moment and will try some different vslues...

Could you kindly help me with the Template Overwrite file?

Paul
Paul Murray
·
Thursday, 09 March 2017 18:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes Paul, you've understand it correctly
Do copy the file :
JoomlaFolder/components/com_easysocial/themes/wireframe/videos/default/item.php
and paste in the folder:
JoomlaFolder/templates/elegant/html/com_easysocial/videos/default/item.php
and you can customize the overrided file now
Muhammad Fadhli
·
Thursday, 09 March 2017 19:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok great.

By the way I was thinking that my URLs are really long and that every letter counts...
Then I though of bitly links.
Thus if for eg I go here:
https://bitly.com/

I can almost half the number of characters:



{source}[[a href="http://bit.ly/2mEssue"]]Previous Video[[/a]]{/source}



Transitions are your friend and can be used to spice up your edit. The wonderful thing about transitions is that they are guaranteed to rescue even the most miserable edit.



{source}[[a href="http://bit.ly/2mmw16l"]]Next Video[[/a]]{/source}


I do not want the description of videos where I do not want to insert Next/Previous links to be insanely long! Just to accommodate my insanely long links

Sorry if this all ended up being not so simple as I thought originally...

Thanks again

Paul
Paul Murray
·
Thursday, 09 March 2017 20:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Superb Paul!
What a great alternative you got here, by doing the url shortener your description length might cut off quarter (or even more) of the truncation
Muhammad Fadhli
·
Friday, 10 March 2017 16:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadhli

Just want to double check.
I went here:
JoomlaFolder/templates/elegant/html/com_easysocial/
And needed to create new folders
video
And inside video
I created a folder called:
default
I then put the copy of the item.php file in there

i.e.

JoomlaFolder/templates/elegant/html/com_easysocial/videos/default/

Is this correct?

With respect to this:

Seems like the truncation for the description was hardcoded in the videos page (with value 120 character), where caused the description(consist html code) was not rendered correctly


Are there any plans to fix this in the foreseeable future or should I just assume that is a “quirk” that I need to live with?

all the best

Paul

ps saving more letters with the following

◀ Previous
Next ▶
Paul Murray
·
Monday, 13 March 2017 15:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Paul,

Kindly find my response for your inquiries below:
JoomlaFolder/templates/elegant/html/com_easysocial/videos/default/
Is this correct?

-> Yes, that is correct!

Are there any plans to fix this in the foreseeable future or should I just assume that is a “quirk” that I need to live with?

-> As this is not actually a bug, where it was intended to be hard-coded (cannot be configure at the first place) this will not included in the incoming version.

Thanks for understanding Paul.

ps saving more letters with the following

◀ Previous
Next ▶

-> That arrow can be functions as a button nice Paul!
Muhammad Fadhli
·
Monday, 13 March 2017 16:42
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post