Page 1 of 1

Web-Interface - Button for Easy Stream

Posted: 05 Jun 2014 00:34
by kodela
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

Re: Web-Interface - Button for Easy Stream

Posted: 06 Jun 2014 23:14
by fizzebu
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?

Re: Web-Interface - Button for Easy Stream

Posted: 07 Jun 2014 00:24
by kodela
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

Re: Web-Interface - Button for Easy Stream

Posted: 07 Jun 2014 00:43
by fizzebu
Ha, awesome!
Viel Spaß :)

Re: Web-Interface - Button for Easy Stream

Posted: 08 Jun 2014 01:07
by kodela
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

Re: Web-Interface - Button for Easy Stream

Posted: 08 Jun 2014 17:07
by fizzebu
You're welcome, glad to hear it works.

Re: Web-Interface - Button for Easy Stream

Posted: 09 Jun 2014 14:55
by kodela
I have to say that this problem occurs only under the Twoflower versions.