Hall of Fame

[PHPVibe A.]

The sidebar is span5, you can make it span4 from tpl/brasil/video.php (changing the class), and you can add a bit to the percentage of span77 after to increase the width of the video content in responsive.css

Code Select Expand

@media (min-width: 980px)
.row-fluid .span77, .span77 {
width: 59.31%!important;
}

[w4q45]

i have tried alot of time but cant show side bar every where on mobile and desktop on brasil theme, i cant find this piece of code on phpvibe_app.js

if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
$("#sidebar").toggleClass('hide');
}
}
can you please provide me all edited file so i can replace them in my server through ftp thanx

[ganidagli]

Thanks Alexander I all ready did, but I have another new problem. between video and sidebar a lot of space is now :S

http://prntscr.com/49kr09

please provide me how can I fix this, thanks.

[PHPVibe A.]

Make the span77 bigger, to cover the space.

It's simple math span77 + span4 = 99.4% (best, not 100% full)

[ganidagli]

Thanks Alexander you are my hero.

Thanks again..

[ganidagli]

Its me again, Now I have another problem, please Alexander if I give you my FTP information can you fix for me please.

Thanks

[PHPVibe A.]

Its me again, Now I have another problem, please Alexander if I give you my FTP information can you fix for me please.

Thanks

What's the problem? We're doing the same in this upgrade...look http://demo.phpvibe.com/video/7189/look-up-mp4/ you can also see the css changes on this demo.

[ganidagli]

Thank for reply I used responsive ad and now I dont have any problem.

Thanks again..

[megaman79]

Jquery fix for mobiles (Hide always visible sidebar):

In phpvibe_app.js
If you want to hide it by default in mobiles.

Code Select Expand

if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}

In the document ready.

should look like

Code Select Expand

$(document).ready(function(){
if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}

I can't find the code to change it in the Brasil theme. To hide the Sidebar for Mobile.

[Marius P.]

You have to add that code, not find it.

[Marius P.]

Updated for 3.6b (details in the first post).

[ipeci]

Hello
How i can fix that problam, if i go on my sidebar and than Tv Channels its oppen my list of tvchannels , bit i cannot scroll down .

Plz check my homepage live to see what i mind.
www.tvlimit.com

thanks

[ipeci]

hallo, im waiting for more month to help me someone

i just wont to scroll my channel list like on youtube !!!

se photos...!!!



and plz helpp someone ?!

[Marius P.]

I don't really know how to this.

Maybe like

Code Select Expand

.sidebar-nav ul ul {
height:400px;
overflow:scroll;
}

[ipeci]

Hey yoo ,
thanks Mario ,

almost done, but it is not the same as on youtube!
The scrollbar is not displayed only the right but also below:-(
Actually should be displayed scrollbar only who are not seeing any left otherwise not!

Or, there is a possibility to use the scrollbar of VIBE, as in the block-user-name?

Please help Mario!

[Marius P.]

Then try

Code Select Expand

overflow-y:scroll;

instead.


You can't use the slim-scroll, it would require a div to wrap the inside ul, this is very hard to achieve, and will break the menu.


But you can customize the default scroll http://cssdeck.com/labs/css3-webkit-vertical-scrollbars/

[Marius P.]

Using the wider version of the video page (videoinedit.com alike)

Copy /large video player's folder content to tpl/brasil/
Open the admin panel and go to Settings -> Players Config

Change video page settings to:
width: 840
heigh: 480


(or test and choose your own dimensions).

[Abraham]

Jquery fix for mobiles (Hide always visible sidebar):

In phpvibe_app.js
If you want to hide it by default in mobiles.

Code Select Expand

if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}

In the document ready.

should look like

Code Select Expand

$(document).ready(function(){
if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}

How change now phpvibe_app.js for always visible sidebar?

[Marius P.]

Same way as instructed in the previous posts on this thread.

[Abraham]

I seen, where in phpvibe_app.js  add this code?

[Marius P.]

I seen, where in phpvibe_app.js  add this code?

What can I tell you more? Is even exemplified ...

[Abraham]

Ive aded

Code Select Expand

$(document).ready(function(){
if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}

randomly, but it doesnt work. Where exactly it should be added to work properly?

[Abraham]

This is alreadyy third time you are asked this question by different people. May be this is you who explained it wrong. Please place the corrected phpvibe_app.js file here.

[Marius P.]

This is alreadyy third time you are asked this question by different people. May be this is you who explained it wrong. Please place the corrected phpvibe_app.js file here.

You refer to Alexander's answer. I can't post something I didn't did or test in any way yet.
From what I read from his posts is simple, just to find the document ready line

Code Select Expand

$(document).ready(function(){

and paste the other few lines after it.

[Abraham]

It should look like this

Code Select Expand

$(document).ready(function(){
if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}
if ($( window ).width() > 500) { 
	  var oh = $("#video-wrapper").height();
	 $('.items').parent().replaceWith($('.items'));	 
	 $('.items').slimScroll({height:oh});
	  }

Thanks