Need Help Changing Default Theme

Hi all, I just got a WDTV Live (SMP? The model is WDBHG700000NBK-HESN), and overall, I’m quite happy with the default theme, but want to make a couple of changes to one particular page, and am at a complete loss as to how to go about it. I’ve spent a few hours today trying to research how to make the changes I want, but am still completely lost. Here is what I’d like to accomplish, and if anyone could help me out, I’d be very grateful.

The page I want to change is the video page that displays in a 3x3 grid. Basically, I would like to change it so there’s room for a third line of text for each title (even if it means decreasing the font size some). I know there’s not really enough room there as the time of the length of the video is displayed there, but I would like to remove the star ratings from the bottom of each grid box, and move the video length (time) to where the star ratings are currently displayed.

This is really the only page that I care about using, and I like the overall default theme, but most of my videos are tv shows that I converted from dvd, and a number of episode titles are too long to display in the two lines that each box in that view gives.

Where I’m completely a noob to this, I need to know what file(s) need(s) changing (I did download a copy of the default theme that Joey Smyth posted), but I have no idea what xml file to edit, what values to change, or how to get it onto my device once it’s edited. 

Thanks in advance for any assistance/tips/help with this.

-George

You will need to edit rv_large_video_browse_page.xml

Here's a color guide:

Stars Icon (delete all the code in red)

Time (to move the vertical position change all the y=" " values

Font ( value 16 is the smallest font size ... use even numbers (divided exactly by 2) eg. 16,18,20,22,24,26 etc)

Heart Icon (Favorite)

Circle Icon (watched status)

The add a 3rd line in the name change numlines="2" to numlines="3" and h="64" to h="90"

______________________________________________________________________________________

<?xml version="1.0"?>
<page background="image/RV-BG.jpg">
<ctrlgrp>
<include filename="./rv_multi_edit_ctrls.xml"/>
<include filename="./rv_browse_common_ctrls.xml"/>
<linebreak/>
<listbox valkey="browselist" autoenter="1" autoswitch="0" move="page"
cols="3" rows="3" lbmask="u" loop_scroll="1" turbo_trigger="10" turbo_multi="10" hormove="1" />
</ctrlgrp>

<widgetghost valkey="marquee" x="56" y="172" w="1170" h="462" ctrlname="browselist" step="10">

<!-- bg -->
<wrapper w="383" h="148" align="hcenter">
<image image="@@rv_browse_page_bg_0" x="56" y="172"/>
<image image="@@rv_browse_page_bg_1" x="449" y="172"/>
<image image="@@rv_browse_page_bg_2" x="842" y="172"/>
<image image="@@rv_browse_page_bg_3" x="56" y="328"/>
<image image="@@rv_browse_page_bg_4" x="449" y="328"/>
<image image="@@rv_browse_page_bg_5" x="842" y="328"/>
<image image="@@rv_browse_page_bg_6" x="56" y="484"/>
<image image="@@rv_browse_page_bg_7" x="449" y="484"/>
<image image="@@rv_browse_page_bg_8" x="842" y="484"/>
</wrapper>

<!--thumbnail-->
<wrapper w="99" h="138">
<image name="th0" image="@@browse_0_thumbnail" default_image="@@default_thumbnail_0"
x="61" y="177" scale="100"/>
<image name="th1" image="@@browse_1_thumbnail" default_image="@@default_thumbnail_1"
x="454" y="177" scale="100"/>
<image name="th2" image="@@browse_2_thumbnail" default_image="@@default_thumbnail_2"
x="847" y="177" scale="100"/>
<image name="th3" image="@@browse_3_thumbnail" default_image="@@default_thumbnail_3"
x="61" y="333" scale="100"/>
<image name="th4" image="@@browse_4_thumbnail" default_image="@@default_thumbnail_4"
x="454" y="333" scale="100"/>
<image name="th5" image="@@browse_5_thumbnail" default_image="@@default_thumbnail_5"
x="847" y="333" scale="100"/>
<image name="th6" image="@@browse_6_thumbnail" default_image="@@default_thumbnail_6"
x="61" y="489" scale="100"/>
<image name="th7" image="@@browse_7_thumbnail" default_image="@@default_thumbnail_7"
x="454" y="489" scale="100"/>
<image name="th8" image="@@browse_8_thumbnail" default_image="@@default_thumbnail_8"
x="847" y="489" scale="100"/>
</wrapper>

<!--folder thumbnail-->
<wrapper w="99" h="138">
<image image="thumb_folder_icon://th0" default_image="@@thumb_folder_0_default_image" x="61" y="177" scale="100"/>
<image image="thumb_folder_icon://th1" default_image="@@thumb_folder_1_default_image" x="454" y="177" scale="100"/>
<image image="thumb_folder_icon://th2" default_image="@@thumb_folder_2_default_image" x="847" y="177" scale="100"/>
<image image="thumb_folder_icon://th3" default_image="@@thumb_folder_3_default_image" x="61" y="333" scale="100"/>
<image image="thumb_folder_icon://th4" default_image="@@thumb_folder_4_default_image" x="454" y="333" scale="100"/>
<image image="thumb_folder_icon://th5" default_image="@@thumb_folder_5_default_image" x="847" y="333" scale="100"/>
<image image="thumb_folder_icon://th6" default_image="@@thumb_folder_6_default_image" x="61" y="489" scale="100"/>
<image image="thumb_folder_icon://th7" default_image="@@thumb_folder_7_default_image" x="454" y="489" scale="100"/>
<image image="thumb_folder_icon://th8" default_image="@@thumb_folder_8_default_image" x="847" y="489" scale="100"/>
</wrapper>

<!--selected item-->
<wrapper w="383" h="148" align="hcenter">
<image image="@@checked_0" x="56" y="172"/>
<image image="@@checked_1" x="449" y="172"/>
<image image="@@checked_2" x="842" y="172"/>
<image image="@@checked_3" x="56" y="328"/>
<image image="@@checked_4" x="449" y="328"/>
<image image="@@checked_5" x="842" y="328"/>
<image image="@@checked_6" x="56" y="484"/>
<image image="@@checked_7" x="449" y="484"/>
<image image="@@checked_8" x="842" y="484"/>
</wrapper>

<!--frame-->
<wrapper w="383" h="148" align="hcenter">
<image image="@@frame_0" x="56" y="172"/>
<image image="@@frame_1" x="449" y="172"/>
<image image="@@frame_2" x="842" y="172"/>
<image image="@@frame_3" x="56" y="328"/>
<image image="@@frame_4" x="449" y="328"/>
<image image="@@frame_5" x="842" y="328"/>
<image image="@@frame_6" x="56" y="484"/>
<image image="@@frame_7" x="449" y="484"/>
<image image="@@frame_8" x="842" y="484"/>
</wrapper>

<!--Description-->
<wrapper w="264" h="64" fontsize="26" textcolor="0x000000">
<text text="@@description_0" x="169" y="190" numlines="2"/>
<text text="@@description_1" x="562" y="190" numlines="2"/>
<text text="@@description_2" x="955" y="190" numlines="2"/>
<text text="@@description_3" x="169" y="346" numlines="2"/>
<text text="@@description_4" x="562" y="346" numlines="2"/>
<text text="@@description_5" x="955" y="346" numlines="2"/>
<text text="@@description_6" x="169" y="502" numlines="2"/>
<text text="@@description_7" x="562" y="502" numlines="2"/>
<text text="@@description_8" x="955" y="502" numlines="2"/>
</wrapper>

<!--Duration-->
<wrapper w="264" h="20" align="left" textcolor="0x000000" fontsize="18" delay="2">
<text text="@@duration_0" x="169" y="263" speed="@@browse_speed_0"/>
<text text="@@duration_1" x="562" y="263" speed="@@browse_speed_1"/>
<text text="@@duration_2" x="955" y="263" speed="@@browse_speed_2"/>
<text text="@@duration_3" x="169" y="419" speed="@@browse_speed_3"/>
<text text="@@duration_4" x="562" y="419" speed="@@browse_speed_4"/>
<text text="@@duration_5" x="955" y="419" speed="@@browse_speed_5"/>
<text text="@@duration_6" x="169" y="575" speed="@@browse_speed_6"/>
<text text="@@duration_7" x="562" y="575" speed="@@browse_speed_7"/>
<text text="@@duration_8" x="955" y="575" speed="@@browse_speed_8"/>
</wrapper>

<!--Ranking It seems that it is not used by now>
<table x="29" y="200" w="1226" h="449"
cols="3" rows="3" colspacing="4" rowspacing="4" align="top" textcolor="0x074f70" fontsize="20" >
<text text="@@mpaa_0" lmargin="120" ymargin="65"/>
<text text="@@mpaa_1" lmargin="120" ymargin="65"/>
<text text="@@mpaa_2" lmargin="120" ymargin="65"/>
<text text="@@mpaa_3" lmargin="120" ymargin="65"/>
<text text="@@mpaa_4" lmargin="120" ymargin="65"/>
<text text="@@mpaa_5" lmargin="120" ymargin="65"/>
<text text="@@mpaa_6" lmargin="120" ymargin="65"/>
<text text="@@mpaa_7" lmargin="120" ymargin="65"/>
<text text="@@mpaa_8" lmargin="120" ymargin="65"/>
</table-->

<!--title2>
<wrapper w="273" h="24" fontsize="20" textcolor="0x074f70">
<text text="@@dashboard_title2_0" x="146" y="231" speed="@@browse_speed_0" delay="2"/>
<text text="@@dashboard_title2_1" x="556" y="231" speed="@@browse_speed_1" delay="2"/>
<text text="@@dashboard_title2_2" x="966" y="231" speed="@@browse_speed_2" delay="2"/>
<text text="@@dashboard_title2_3" x="146" y="382" speed="@@browse_speed_3" delay="2"/>
<text text="@@dashboard_title2_4" x="556" y="382" speed="@@browse_speed_4" delay="2"/>
<text text="@@dashboard_title2_5" x="966" y="382" speed="@@browse_speed_5" delay="2"/>
<text text="@@dashboard_title2_6" x="146" y="533" speed="@@browse_speed_6" delay="2"/>
<text text="@@dashboard_title2_7" x="556" y="533" speed="@@browse_speed_7" delay="2"/>
<text text="@@dashboard_title2_8" x="966" y="533" speed="@@browse_speed_8" delay="2"/>
</wrapper-->

<!--saperated line>
<wrapper w="287" h="1">
<image image="@@line_0" x="141" y="288"/>
<image image="@@line_1" x="551" y="288"/>
<image image="@@line_2" x="961" y="288"/>
<image image="@@line_3" x="141" y="439"/>
<image image="@@line_4" x="551" y="439"/>
<image image="@@line_5" x="961" y="439"/>
<image image="@@line_6" x="141" y="590"/>
<image image="@@line_7" x="551" y="590"/>
<image image="@@line_8" x="961" y="590"/>
</wrapper-->
<!--mark as watch-->
<wrapper w="20" h="19">
<image image="@@watched_0" x="406" y="291"/>
<image image="@@watched_1" x="799" y="291"/>
<image image="@@watched_2" x="1192" y="291"/>
<image image="@@watched_3" x="406" y="447"/>
<image image="@@watched_4" x="799" y="447"/>
<image image="@@watched_5" x="1192" y="447"/>
<image image="@@watched_6" x="406" y="603"/>
<image image="@@watched_7" x="799" y="603"/>
<image image="@@watched_8" x="1192" y="603"/>
</wrapper>
<!--favorite heart +230,82-->
<wrapper w="20" h="19">
<image image="@@favorite_0" x="386" y="291"/>
<image image="@@favorite_1" x="779" y="291"/>
<image image="@@favorite_2" x="1172" y="291"/>
<image image="@@favorite_3" x="386" y="447"/>
<image image="@@favorite_4" x="779" y="447"/>
<image image="@@favorite_5" x="1172" y="447"/>
<image image="@@favorite_6" x="386" y="603"/>
<image image="@@favorite_7" x="779" y="603"/>
<image image="@@favorite_8" x="1172" y="603"/>
</wrapper>
<!--rating(star)-->
<wrapper w="107" h="19">
<image image="@@rating_0" x="168" y="291" disable="@@disable-star-default_0"/>
<image image="@@rating_1" x="561" y="291" disable="@@disable-star-default_1"/>
<image image="@@rating_2" x="954" y="291" disable="@@disable-star-default_2"/>
<image image="@@rating_3" x="168" y="447" disable="@@disable-star-default_3"/>
<image image="@@rating_4" x="561" y="447" disable="@@disable-star-default_4"/>
<image image="@@rating_5" x="954" y="447" disable="@@disable-star-default_5"/>
<image image="@@rating_6" x="168" y="603" disable="@@disable-star-default_6"/>
<image image="@@rating_7" x="561" y="603" disable="@@disable-star-default_7"/>
<image image="@@rating_8" x="954" y="603" disable="@@disable-star-default_8"/>
</wrapper>
</widgetghost>
<include filename="./rv_multi_edit_widgets_for_browse.xml"/>
<include filename="./rv_browse_common_widgets_new.xml"/>
<include filename="./inc_loading.xml"/>
<include filename="./decoration.xml"/>
<include filename="./info.xml"/>
</page>

1 Like

Edit:

Did the mods you wanted and zipped it up for you (SMP Theme ready to upload)

http://www.mediafire.com/download/s30qxx5p8zi636a/LargeVideo3x3.zip

l.jpg

1 Like

Thank you for the response! I have a few other questions before I try this.

  1. If my research is correct, this should be the only file that I need to include in a new (uncompressed) zip file, and the rest of the interface will just use the elements from the original default theme, is that correct, or do I need to repackage all of the theme’s files into a new .zip?

  2. Do I need to change the .zip extension to .theme when I’m done, or can I keep it with the .zip extension (or do I have to .zip it at all, if I’m able to just use the one file?) I am running the latest available firmware, if that makes any difference.

  3. Do I need to change any additional values to ensure that the title will wrap to 3 lines instead of 2? I’m specifically looking at the numlines=2 values in the section, and wondering if I need to change those 2’s to 3’s, or if there’s another value that I might need to change, such as the height (h=“24”) value in the section. I’m hoping to avoid using smaller fonts unless I really need to. (You answered this already, as I was replying lol!)

  4. Once I’ve got it zipped up (if necessary,) I should be able to just upload it through the web interface (obviously, giving the .zip a unique name), then I should be able to select that theme on the actual unit itself to implement the changes, is that correct?

Thanks again for taking the time to respond with your detailed instructions. I just want to be sure I perform all the necessary steps correctly so I don’t mess anything up. :slight_smile:

-George

I struck out the questions, as you’ve already uploaded a version for me that does exactly what I want! Thank you so much for the help. Am I able to leave the .zip as a .zip, or do I need to change the extension to .theme before I upload it to the unit?

Thanks again!! :slight_smile:

Here’s the instructions for uploading a theme to the WDTV SMP   (do not un-zip or change the file extension)

To install the theme, download the zip file to your PC, open your web browser (I don’t recommend using IE8 or 9, there have been issues), then type your SMP’s IP address to open the Web UI in your Web Browser.

  

Type in your password (the default is “admin”), click on the box next to “I accept” and then click on LOGIN, then click on “Appearance”, then click on “Browse” and navigate to where you saved the " LargeVideo3x3.zip" file.

Now click on “Open”. Click on “Submit”, then once the Web UI finishes uploading the theme.

On your SMP press “Setup” on your remote, select “Appearance”, then select “User Interface Themes”, select " LargeVideo3x3" then when prompted select “Apply theme”.

P.S. Uploading the theme should only take a few seconds … i would recommend using Firefox (or Chrome)

1 Like

I just uploaded it using chrome, and tested it out, and it’s exactly what I wanted to accomplish! Just perfect!! I just went in and browsed my twilight zone episodes (as quite a few of those needed the extra line to display the entire title), and it worked fantastically! Thank you so much for not only showing me what needed to be done, but going above and beyond by performing the edits and packaging it up, so all I needed to do was upload it. Thank you so very, very much! Kudos on each of your responses, and I marked the one with the .zip as the solution in case anyone else is looking for this change. Thank you again!

-George

no probs :smiley:

Thanks, George

**bleep** joey that was awesome of you to do.