v18 How to change progress bar position?
ymca
Member
Posts: 90
#1
Question  2021-02-10, 03:59
Hi,

Anyone knows how can I change the progress bar position from the bottom to the top,
so I'll be able to see the subtitle when the movie is paused?

Thanks
Find
Reply
Zokkel
Senior Member
Posts: 203
#2
2021-02-10, 07:31
This will be standard in V19.
You can try the RC1 of V19 or try the reverse method of what I did if you want to stick to V18:
https://forum.kodi.tv/showthread.php?tid...pid3012774
Windows 10 Pro (64bit), Kodi v19.1 "Matrix"
Intel NUC8i3BEH (Samsung 970 Evo, G. Skill Ripjaws 8GB)
Samsung UE49KS7000, Logitech Harmony remote 350
AudioEngine D1, Synology DS218j NAS (SMB protocol)
Find
Reply
Klojum
Lost connection
Posts: 14,213
#3
2021-02-10, 07:32
Only with a lot of skin editing in Kodi 18 as there is no user option for it... But you can also try Kodi 19, where the progress bar has been moved to the top.
Find
Reply
ymca
Member
Posts: 90
#4
2021-02-10, 12:41
(2021-02-10, 07:31)Zokkel Wrote: This will be standard in V19.
You can try the RC1 of V19 or try the reverse method of what I did if you want to stick to V18:
https://forum.kodi.tv/showthread.php?tid...pid3012774
Thanks, it worked when I replaced the "DialogSeekBar.xml" and "Custom_1109_TopBarOverlay.xml" of 18 with 19v.
Find
Reply
mokojono
Junior Member
Posts: 11
#5
2021-02-27, 20:24
Anyone know how to move it back? The new position is an lot worse.
Find
Reply
jjd-uk
Team-Kodi Member
Posts: 10,535
#6
2021-02-28, 15:47
(2021-02-27, 20:24)mokojono Wrote: Anyone know how to move it back? The new position is an lot worse.

You would need to use this mod https://forum.kodi.tv/showthread.php?tid=356349
Find
Reply
ymca
Member
Posts: 90
#7
2021-10-21, 04:24
(2021-02-10, 12:41)ymca Wrote:
(2021-02-10, 07:31)Zokkel Wrote: This will be standard in V19.
You can try the RC1 of V19 or try the reverse method of what I did if you want to stick to V18:
https://forum.kodi.tv/showthread.php?tid...pid3012774
Thanks, it worked when I replaced the "DialogSeekBar.xml" and "Custom_1109_TopBarOverlay.xml" of 18 with 19v.
Not working anymore for some reason.
*Saw now, when pausing and clicking the screen, the bottom bas disappears and the top bar appears.
Find
Reply
the_other_guy
Posting Freak
Posts: 967
#8
2021-10-25, 10:47
edit VideoOSD.xml      slider"<top>-25</top> to move up -35 or so
<visible>Player.SeekEnabled</visible>
                <control type="button" id="87">
                    <include>HiddenObject</include>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <onleft>StepBack</onleft>
                    <onright condition="!Player.Paused">StepForward</onright>
                    <onright condition="Player.Paused">PlayerControl(FrameAdvance(1))</onright>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib>osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>Player.Progress</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>seek</action>
                    <visible>!Control.HasFocus(87) + !VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>Player.Progress</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>seek</action>
                    <visible>Control.HasFocus(87) + !VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib>osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>PVR.TimeshiftProgressPlayPos</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>pvr.seek</action>
                    <visible>!Control.HasFocus(87) + VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>PVR.TimeshiftProgressPlayPos</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>pvr.seek</action>
                    <visible>Control.HasFocus(87) + VideoPlayer.Content(LiveTV)</visible>
                </control>

[/syntax]
and DialogSeekBar.xml
xml:


<control type="slider" id="403">

                    <left>0</left>

                    <top>65</top>

                    <width>100%</width>

                    <height>26</height>

                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_bar.png</texturesliderbar>

                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_bar.png</textureslidernib>

                    <textureslidernibfocus colordiffuse="button_focus">colors/white.png</textureslidernibfocus>

                    <visible>Player.SeekEnabled + !Player.ChannelPreviewActive</visible>

                </control>
Find
Reply
ymca
Member
Posts: 90
#9
2021-10-27, 13:43
(2021-10-25, 10:47)the_other_guy Wrote: edit VideoOSD.xml      slider"<top>-25</top> to move up -35 or so
<visible>Player.SeekEnabled</visible>
                <control type="button" id="87">
                    <include>HiddenObject</include>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <onleft>StepBack</onleft>
                    <onright condition="!Player.Paused">StepForward</onright>
                    <onright condition="Player.Paused">PlayerControl(FrameAdvance(1))</onright>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib>osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>Player.Progress</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>seek</action>
                    <visible>!Control.HasFocus(87) + !VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>Player.Progress</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>seek</action>
                    <visible>Control.HasFocus(87) + !VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib>osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>PVR.TimeshiftProgressPlayPos</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>pvr.seek</action>
                    <visible>!Control.HasFocus(87) + VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-25</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>56</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>PVR.TimeshiftProgressPlayPos</info>
                    <onup>200</onup>
                    <ondown>200</ondown>
                    <action>pvr.seek</action>
                    <visible>Control.HasFocus(87) + VideoPlayer.Content(LiveTV)</visible>
                </control>

[/syntax]
Where to put that?
This is my file:
Code:
<?xml version="1.0" encoding="utf-8"?>
<window>
    <onload condition="!Player.PauseEnabled">SetFocus(603)</onload>
    <defaultcontrol always="true">602</defaultcontrol>
    <include>Animation_BottomSlide</include>
    <depth>DepthOSD</depth>
    <controls>
        <control type="button">
            <description>background close area</description>
            <left>0</left>
            <top>0</top>
            <width>100%</width>
            <bottom>280</bottom>
            <texturefocus />
            <texturenofocus />
            <onclick>Action(close)</onclick>
        </control>
        <control type="group">
            <bottom>0</bottom>
            <height>180</height>
            <visible>![Window.IsVisible(SliderDialog) | Window.IsVisible(osdaudiosettings) | Window.IsVisible(osdvideosettings) | Window.IsVisible(VideoBookmarks) | Window.IsVisible(playerprocessinfo) | Window.IsVisible(osdcmssettings) | Window.IsVisible(PVROSDChannels) | Window.IsVisible(pvrchannelguide)]</visible>
            <animation effect="fade" time="200">VisibleChange</animation>
            <control type="label">
                <animation effect="slide" end="0,-20" time="150" condition="VideoPlayer.Content(LiveTV)">conditional</animation>
                <right>20</right>
                <top>0</top>
                <align>right</align>
                <aligny>center</aligny>
                <width>1000</width>
                <height>50</height>
                <label>$VAR[VideoOSDHelpTextVar]</label>
                <visible>!Player.ShowInfo</visible>
            </control>
            <control type="group" id="200">
                <control type="grouplist" id="201">
                    <left>20</left>
                    <top>90</top>
                    <width>100%</width>
                    <height>135</height>
                    <itemgap>20</itemgap>
                    <scrolltime tween="sine">200</scrolltime>
                    <orientation>horizontal</orientation>
                    <onup>87</onup>
                    <ondown>noop</ondown>
                    <onleft>70043</onleft>
                    <onright>70040</onright>
                    <control type="radiobutton" id="600">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/previous.png"/>
                        </include>
                        <onclick>PlayerControl(Previous)</onclick>
                        <visible>Player.ChapterCount | Integer.IsGreater(Playlist.Length(video),1) | Player.SeekEnabled</visible>
                    </control>
                    <control type="radiobutton" id="602">
                        <textureradioonfocus colordiffuse="white">osd/fullscreen/buttons/play.png</textureradioonfocus>
                        <textureradioonnofocus>osd/fullscreen/buttons/play.png</textureradioonnofocus>
                        <textureradioofffocus colordiffuse="white">osd/fullscreen/buttons/pause.png</textureradioofffocus>
                        <textureradiooffnofocus>osd/fullscreen/buttons/pause.png</textureradiooffnofocus>
                        <texturefocus colordiffuse="button_focus">osd/fullscreen/buttons/button-fo.png</texturefocus>
                        <width>76</width>
                        <animation center="38,38" effect="zoom" end="100" reversible="false" start="95" time="480" tween="back">Focus</animation>
                        <height>76</height>
                        <radiowidth>74</radiowidth>
                        <radioheight>74</radioheight>
                        <font></font>
                        <texturenofocus />
                        <radioposx>1</radioposx>
                        <radioposy>0</radioposy>
                        <selected>Player.Paused</selected>
                        <onclick>PlayerControl(Play)</onclick>
                        <visible>Player.PauseEnabled</visible>
                    </control>
                    <control type="radiobutton" id="603">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/stop.png"/>
                        </include>
                        <onclick>PlayerControl(Stop)</onclick>
                    </control>
                    <control type="radiobutton" id="605">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/next.png"/>
                        </include>
                        <onclick>PlayerControl(Next)</onclick>
                        <visible>Player.ChapterCount | Integer.IsGreater(Playlist.Length(video),1) | [VideoPlayer.Content(LiveTV) + Player.SeekEnabled]</visible>
                    </control>
                    <control type="radiobutton" id="804">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/home.png"/>
                        </include>
                        <onclick>PlayerControl(ShowVideoMenu)</onclick>
                        <visible>VideoPlayer.HasMenu</visible>
                    </control>
                    <control type="radiobutton" id="606">
                        <textureradioonfocus colordiffuse="white">osd/fullscreen/buttons/record-white.png</textureradioonfocus>
                        <textureradioonnofocus>osd/fullscreen/buttons/record-white.png</textureradioonnofocus>
                        <textureradioofffocus colordiffuse="white">osd/fullscreen/buttons/record.png</textureradioofffocus>
                        <textureradiooffnofocus>osd/fullscreen/buttons/record.png</textureradiooffnofocus>
                        <texturefocus colordiffuse="button_focus">osd/fullscreen/buttons/button-fo.png</texturefocus>
                        <width>76</width>
                        <animation center="38,38" effect="zoom" end="100" reversible="false" start="95" time="480" tween="back">Focus</animation>
                        <height>76</height>
                        <radiowidth>74</radiowidth>
                        <radioheight>74</radioheight>
                        <font></font>
                        <texturenofocus />
                        <radioposx>1</radioposx>
                        <radioposy>0</radioposy>
                        <selected>!PVR.IsRecordingPlayingChannel</selected>
                        <onclick>PVR.ToggleRecordPlayingChannel</onclick>
                        <visible>PVR.CanRecordPlayingChannel</visible>
                        <visible>VideoPlayer.Content(livetv)</visible>
                    </control>
                </control>
                <control type="grouplist" id="202">
                    <right>50</right>
                    <top>90</top>
                    <width>1800</width>
                    <height>135</height>
                    <align>right</align>
                    <itemgap>20</itemgap>
                    <scrolltime tween="sine">200</scrolltime>
                    <orientation>horizontal</orientation>
                    <onup>87</onup>
                    <ondown condition="Control.HasFocus(70043)">11104</ondown>
                    <ondown condition="Control.HasFocus(704)">12104</ondown>
                    <ondown condition="Control.HasFocus(255)">13103</ondown>
                    <onleft>606</onleft>
                    <onright>600</onright>
                    <control type="radiobutton" id="70040">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/information.png"/>
                        </include>
                        <onclick>Info</onclick>
                    </control>
                    <control type="radiobutton" id="70041">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/channels.png"/>
                        </include>
                        <onclick>Dialog.Close(VideoOSD)</onclick>
                        <onclick>ActivateWindow(PVROSDChannels)</onclick>
                        <visible>VideoPlayer.Content(livetv)</visible>
                    </control>
                    <control type="radiobutton" id="70042">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/guide.png"/>
                        </include>
                        <onclick>Dialog.Close(VideoOSD)</onclick>
                        <onclick>ActivateWindow(pvrchannelguide)</onclick>
                        <visible>VideoPlayer.Content(livetv) + VideoPlayer.HasEPG</visible>
                    </control>
                    <control type="radiobutton" id="700">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/bookmarks.png"/>
                        </include>
                        <onclick>ActivateWindow(videobookmarks)</onclick>
                        <visible>!VideoPlayer.Content(livetv)</visible>
                    </control>
                    <control type="radiobutton" id="703">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/teletext.png"/>
                        </include>
                        <onclick>Dialog.Close(VideoOSD)</onclick>
                        <onclick>ActivateWindow(Teletext)</onclick>
                        <visible>VideoPlayer.HasTeletext</visible>
                    </control>
                    <control type="radiobutton" id="704">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/settings-subtitle.png"/>
                        </include>
                        <onclick>ActivateWindow(osdsubtitlesettings)</onclick>
                        <visible>!VideoPlayer.Content(LiveTV) | VideoPlayer.HasSubtitles</visible>
                    </control>
                    <control type="radiobutton" id="255">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/stereoscopic.png"/>
                        </include>
                        <visible>VideoPlayer.IsStereoscopic</visible>
                        <onclick>SetProperty(settingslist_content,3d,home)</onclick>
                        <onclick>SetProperty(settingslist_header,$LOCALIZE[36501],home)</onclick>
                        <onclick>ActivateWindow(1101)</onclick>
                    </control>
                    <control type="radiobutton" id="70043">
                        <include content="OSDButton">
                            <param name="texture" value="osd/fullscreen/buttons/settings.png"/>
                        </include>
                        <onclick>SetProperty(settingslist_content,osd,home)</onclick>
                        <onclick>SetProperty(settingslist_header,$LOCALIZE[5],home)</onclick>
                        <onclick>ActivateWindow(1101)</onclick>
                    </control>
                </control>
            </control>
            <control type="group" id="6000">
                <top>60</top>
                <visible>Player.SeekEnabled</visible>
                <control type="button" id="87">
                    <include>HiddenObject</include>
                    <onup>200</onup>
                    <onunfocus condition="Player.Forwarding | Player.Rewinding">PlayerControl(Play)</onunfocus>
                    <ondown>200</ondown>
                    <onright>StepForward</onright>
                    <onleft>StepBack</onleft>
                    <onclick condition="Player.Forwarding | Player.Rewinding">PlayerControl(Play)</onclick>
                </control>
                <control type="slider">
                    <top>-5</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>26</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib>osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>Player.Progress</info>
                    <action>seek</action>
                    <visible>!Control.HasFocus(87) + !VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-5</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>26</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>Player.Progress</info>
                    <action>seek</action>
                    <visible>Control.HasFocus(87) + !VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-5</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>26</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib>osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>PVR.TimeshiftProgressPlayPos</info>
                    <action>pvr.seek</action>
                    <visible>!Control.HasFocus(87) + VideoPlayer.Content(LiveTV)</visible>
                </control>
                <control type="slider">
                    <top>-5</top>
                    <left>0</left>
                    <width>100%</width>
                    <height>26</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>PVR.TimeshiftProgressPlayPos</info>
                    <action>pvr.seek</action>
                    <visible>Control.HasFocus(87) + VideoPlayer.Content(LiveTV)</visible>
                </control>
            </control>
        </control>
    </controls>
</window>
Find
Reply
the_other_guy
Posting Freak
Posts: 967
#10
2021-10-27, 15:11
it would be     <control type="slider">
                    //<top>-5</top>//
                    <left>0</left>
                    <width>100%</width>
                    <height>26</height>
                    <texturesliderbar colordiffuse="00FFFFFF">osd/progress/nub_leftright.png</texturesliderbar>
                    <textureslidernib colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernib>
                    <textureslidernibfocus colordiffuse="button_focus">osd/progress/nub_leftright.png</textureslidernibfocus>
                    <info>Player.Progress</info>
                    <action>seek</action>
                    <visible>Control.HasFocus(87) + !VideoPlayer.Content(LiveTV)</visible>
                </control>
Find
Reply

Home
Search
Help
Logout Mark Read Team Forum Stats Members Help
How to change progress bar position?0