Web-Interface - Button for Easy Stream

All you've ever wanted to know about the ActiveX, Mozilla plugins, the web interface and various PHP extensions
kodela
Big Cone-huna
Big Cone-huna
Posts: 632
Joined: 25 Sep 2012 19:40
VLC version: 2.2.4
Operating System: Windows 10
Location: Germany

Web-Interface - Button for Easy Stream

Postby kodela » 05 Jun 2014 00:34

Hi,

I hope I'm right here.

My problem can be seen in this picture.

Image

The icon for the "Easy Stream" button is not right of the icon of the "full stream" buttons, but a line lower. There it is above the link for the root entry and the following two links that I can not klick it.

I have in the index.html the line for "buttonSout" (212) commented out. Thus, the icon for this button does not appear and the links for the playlist and media library are accessible, but
this is not a permanent solution.

I have also in the index.html in the line 167 set the value for "width" from 600 to 640, but this does not help.

Who can give me some advice, how do I get the button for the Easy stream upward to the right place.

I am using Windows 7 with default settings for the font.
On my laptop with Windows Vista, the button will be displayed correctly.

Regards, kodela

fizzebu
Blank Cone
Blank Cone
Posts: 14
Joined: 24 May 2014 15:47

Re: Web-Interface - Button for Easy Stream

Postby fizzebu » 06 Jun 2014 23:14

I never did anything with the web interface, but is it maybe possible to give the button margin/padding? Do you know CSS?

You could for example add CSS styling to the "buttonSout" with:
<li id="buttonSout" style="padding-left:5px" class="button48 ui-corner-all" title="<?vlc gettext("Easy Stream") ?>"></li>
Here's a little overview on margin and padding: http://www.htmldog.com/guides/css/beginner/margins/

To move something to the right you would use margin-left but I don't think it would be easy to move something to the top. Maybe with absolute positioning?

kodela
Big Cone-huna
Big Cone-huna
Posts: 632
Joined: 25 Sep 2012 19:40
VLC version: 2.2.4
Operating System: Windows 10
Location: Germany

Re: Web-Interface - Button for Easy Stream

Postby kodela » 07 Jun 2014 00:24

Thank you very much,

with
<li id="buttonSout" style="padding-left:5px" class="button48 ui-corner-all" title="<?vlc gettext("Easy Stream") ?>"></li>
the image for the Easy-Stream button is displayed correctly.

Image

fizzebu
Blank Cone
Blank Cone
Posts: 14
Joined: 24 May 2014 15:47

Re: Web-Interface - Button for Easy Stream

Postby fizzebu » 07 Jun 2014 00:43

Ha, awesome!
Viel Spaß :)

kodela
Big Cone-huna
Big Cone-huna
Posts: 632
Joined: 25 Sep 2012 19:40
VLC version: 2.2.4
Operating System: Windows 10
Location: Germany

Re: Web-Interface - Button for Easy Stream

Postby kodela » 08 Jun 2014 01:07

Hi fizzebu,

I have now as you suggested it, the CSS file (main.css) changed.
In addition I have added these line in the sector "button 48.":

Code: Select all

float:left;
Now are all button displayed correctly.

Thanks again for your help,
kodela

fizzebu
Blank Cone
Blank Cone
Posts: 14
Joined: 24 May 2014 15:47

Re: Web-Interface - Button for Easy Stream

Postby fizzebu » 08 Jun 2014 17:07

You're welcome, glad to hear it works.

kodela
Big Cone-huna
Big Cone-huna
Posts: 632
Joined: 25 Sep 2012 19:40
VLC version: 2.2.4
Operating System: Windows 10
Location: Germany

Re: Web-Interface - Button for Easy Stream

Postby kodela » 09 Jun 2014 14:55

I have to say that this problem occurs only under the Twoflower versions.


Return to “Web and scripting”

Who is online

Users browsing this forum: No registered users and 18 guests