I'm currently making some changes to the gallery view. (rv_gallery_browse_page)
I was wondering a number of things.
A)How do I change the view so it only has the thumbnails down the bottom and doesn't include the big one at the top.
B)How can I shift the thumbnails over to the right and make them bigger and sort of overlapping
C)How do I put the information on the left side.
Thanks I'll post the code down the bottom and if anyone could highlight the changes I need to make I would appreciate it
I'm trying to mimic but change this theme
http://community.wdc.com/t5/WD-TV-Live-Hub-Themes/WIP-myfirst-theme/m-p/291460
<?xml version="1.0"?>
<page background="./image/RV-BG.jpg">
<image image="image/keyboard_mask_bg.png" x="0" y="0" w="1280" h="720" bg="1" disable="@@disable-thumbnail-bg"/>
<image image="@@preview_rect_image" default_image="@@default_preview_rect_image" x="0" y="0" w="1280" h="720" textcolor="@@preview_rect_color" keycolor="1" ignore_keycolor="1" bg="1"/>
<image image="image/Gallery/video_browse_gallery_overlay.png" x="0" y="0" w="1280" h="720" bg="1"/>
<ctrlgrp>
<include filename="./rv_multi_edit_ctrls.xml"/>
<include filename="./rv_browse_common_ctrls.xml"/>
<linebreak/>
<listbox valkey="browselist" move="row" cols="7" rows="1" lbmask="ud" loop_scroll="1" _trigger="10" turbo_multi="10" autoenter="1" fixed_scrolling_col="3" hormove="1" />
</ctrlgrp>
<text x="254" y="172" w="970" h="42" text="@@browse_text" fontsize="40" textcolor="0xffffff" align="left" speed="1" delay="2"/>
<text x="254" y="252" w="380" h="20" text="@@year" fontsize="18" textcolor="0xffffff" align="left"/>
<text x="645" y="252" w="580" h="20" text="@@genre" fontsize="18" textcolor="0xffffff" align="left"/>
<text x="645" y="286" w="580" h="20" text="@@director" fontsize="18" textcolor="0xffffff" align="left"/>
<text x="254" y="286" w="380" h="20" text="@@totaltime" fontsize="18" textcolor="0xffffff" align="left"/>
<text x="254" y="320" w="970" h="20" text="@@actor" fontsize="18" textcolor="0xffffff" align="left"/>
<text x="254" y="358" w="970" h="80" text="@@overview" fontsize="18" numlines="3" textcolor="0xffffff" align="left"/>
<image image="@@metadata_left_arrow" x="57" y="518" w="39" h="53" align="hcenter" scale_type="fixratio" scale="100"/>
<image image="@@metadata_right_arrow" x="1180" y="518" w="39" h="53" align="hcenter" scale_type="fixratio" scale="100"/>
<image image="@@favorite" x="390" y="217" w="23" h="21" align="hcenter"/>
<image image="@@rating" x="252" y="217" w="124" h="21" align="hcenter"/>
<widgetghost valkey="marquee" x="29" y="448" w="1226" h="186" ctrlname="browselist" step="10">
<!--thumbnail bg -->
<wrapper y="456" w="122" h="169" align="hcenter" scale_type="fixratio" scale="100" selected_scale="100">
<image image="@@rv_browse_page_bg_0" x="143" active="@@act-browselist-0" disable="@@bg_disable_0"/>
<image image="@@rv_browse_page_bg_1" x="289" active="@@act-browselist-1" disable="@@bg_disable_1"/>
<image image="@@rv_browse_page_bg_2" x="435" active="@@act-browselist-2" disable="@@bg_disable_2"/>
<image image="@@rv_browse_page_bg_3" x="581" active="@@act-browselist-3" disable="@@bg_disable_3"/>
<image image="@@rv_browse_page_bg_4" x="727" active="@@act-browselist-4" disable="@@bg_disable_4"/>
<image image="@@rv_browse_page_bg_5" x="873" active="@@act-browselist-5" disable="@@bg_disable_5"/>
<image image="@@rv_browse_page_bg_6" x="1020" active="@@act-browselist-6" disable="@@bg_disable_6"/>
</wrapper>
<!--thumbnail bg_f -->
<wrapper y="448" w="134" h="187" align="hcenter" scale_type="fixratio" scale="100" selected_scale="100">
<image image="@@rv_browse_page_bg_0" x="137" active="@@act-browselist-0" disable="@@bg_f_disable_0"/>
<image image="@@rv_browse_page_bg_1" x="283" active="@@act-browselist-1" disable="@@bg_f_disable_1"/>
<image image="@@rv_browse_page_bg_2" x="429" active="@@act-browselist-2" disable="@@bg_f_disable_2"/>
<image image="@@rv_browse_page_bg_3" x="575" active="@@act-browselist-3" disable="@@bg_f_disable_3"/>
<image image="@@rv_browse_page_bg_4" x="721" active="@@act-browselist-4" disable="@@bg_f_disable_4"/>
<image image="@@rv_browse_page_bg_5" x="867" active="@@act-browselist-5" disable="@@bg_f_disable_5"/>
<image image="@@rv_browse_page_bg_6" x="1013" active="@@act-browselist-6" disable="@@bg_f_disable_6"/>
</wrapper>
<!--selected item-->
<wrapper y="456" w="122" h="169" align="hcenter" scale_type="fixratio" scale="100" selected_scale="100">
<image image="@@checked_0" x="143" active="@@act-browselist-0"/>
<image image="@@checked_1" x="289" active="@@act-browselist-1"/>
<image image="@@checked_2" x="435" active="@@act-browselist-2"/>
<image image="@@checked_3" x="581" active="@@act-browselist-3"/>
<image image="@@checked_4" x="727" active="@@act-browselist-4"/>
<image image="@@checked_5" x="873" active="@@act-browselist-5"/>
<image image="@@checked_6" x="1020" active="@@act-browselist-6"/>
</wrapper>
<!--thumbnail -->
<wrapper y="460" w="114" h="161" align="hcenter" scale="100" scale_type="fixratio" selected_scale="100">
<image name="th0" image="@@browse_0_thumbnail" default_image="@@default_thumbnail_0" x="147" active="@@act-browselist-0" disable="@@thumbnail_disable_0"/>
<image name="th1" image="@@browse_1_thumbnail" default_image="@@default_thumbnail_1" x="293" active="@@act-browselist-1" disable="@@thumbnail_disable_1"/>
<image name="th2" image="@@browse_2_thumbnail" default_image="@@default_thumbnail_2" x="439" active="@@act-browselist-2" disable="@@thumbnail_disable_2"/>
<image name="th3" image="@@browse_3_thumbnail" default_image="@@default_thumbnail_3" x="585" active="@@act-browselist-3" disable="@@thumbnail_disable_3"/>
<image name="th4" image="@@browse_4_thumbnail" default_image="@@default_thumbnail_4" x="731" active="@@act-browselist-4" disable="@@thumbnail_disable_4"/>
<image name="th5" image="@@browse_5_thumbnail" default_image="@@default_thumbnail_5" x="877" active="@@act-browselist-5" disable="@@thumbnail_disable_5"/>
<image name="th6" image="@@browse_6_thumbnail" default_image="@@default_thumbnail_6" x="1023" active="@@act-browselist-6" disable="@@thumbnail_disable_6"/>
</wrapper>
<!--thumbnaili_f -->
<wrapper y="452" w="126" h="179" align="hcenter" scale="100" scale_type="fixratio" selected_scale="100">
<image name="th0_f" image="@@browse_0_thumbnail" default_image="@@default_thumbnail_0" x="141" active="@@act-browselist-0" disable="@@thumbnail_f_disable_0"/>
<image name="th1_f" image="@@browse_1_thumbnail" default_image="@@default_thumbnail_1" x="287" active="@@act-browselist-1" disable="@@thumbnail_f_disable_1"/>
<image name="th2_f" image="@@browse_2_thumbnail" default_image="@@default_thumbnail_2" x="433" active="@@act-browselist-2" disable="@@thumbnail_f_disable_2"/>
<image name="th3_f" image="@@browse_3_thumbnail" default_image="@@default_thumbnail_3" x="579" active="@@act-browselist-3" disable="@@thumbnail_f_disable_3"/>
<image name="th4_f" image="@@browse_4_thumbnail" default_image="@@default_thumbnail_4" x="725" active="@@act-browselist-4" disable="@@thumbnail_f_disable_4"/>
<image name="th5_f" image="@@browse_5_thumbnail" default_image="@@default_thumbnail_5" x="871" active="@@act-browselist-5" disable="@@thumbnail_f_disable_5"/>
<image name="th6_f" image="@@browse_6_thumbnail" default_image="@@default_thumbnail_6" x="1018" active="@@act-browselist-6" disable="@@thumbnail_f_disable_6"/>
</wrapper>
<!--folder thumbnail -->
<wrapper y="460" w="114" h="161" align="hcenter" scale="100" scale_type="fixratio" selected_scale="100">
<image image="thumb_folder_icon://th0" default_image="@@thumb_folder_0_default_image" x="147" active="@@act-browselist-0" disable="@@folder_disable_0"/>
<image image="thumb_folder_icon://th1" default_image="@@thumb_folder_1_default_image" x="293" active="@@act-browselist-1" disable="@@folder_disable_1"/>
<image image="thumb_folder_icon://th2" default_image="@@thumb_folder_2_default_image" x="439" active="@@act-browselist-2" disable="@@folder_disable_2"/>
<image image="thumb_folder_icon://th3" default_image="@@thumb_folder_3_default_image" x="585" active="@@act-browselist-3" disable="@@folder_disable_3"/>
<image image="thumb_folder_icon://th4" default_image="@@thumb_folder_4_default_image" x="731" active="@@act-browselist-4" disable="@@folder_disable_4"/>
<image image="thumb_folder_icon://th5" default_image="@@thumb_folder_5_default_image" x="877" active="@@act-browselist-5" disable="@@folder_disable_5"/>
<image image="thumb_folder_icon://th6" default_image="@@thumb_folder_6_default_image" x="1023" active="@@act-browselist-6" disable="@@folder_disable_6"/>
</wrapper>
<!--folder thumbnail_f -->
<wrapper y="452" w="126" h="179" align="hcenter" scale="100" scale_type="fixratio" selected_scale="100">
<image image="thumb_folder_icon://th0" default_image="@@thumb_folder_0_default_image" x="141" active="@@act-browselist-0" disable="@@folder_f_disable_0"/>
<image image="thumb_folder_icon://th1" default_image="@@thumb_folder_1_default_image" x="287" active="@@act-browselist-1" disable="@@folder_f_disable_1"/>
<image image="thumb_folder_icon://th2" default_image="@@thumb_folder_2_default_image" x="433" active="@@act-browselist-2" disable="@@folder_f_disable_2"/>
<image image="thumb_folder_icon://th3" default_image="@@thumb_folder_3_default_image" x="579" active="@@act-browselist-3" disable="@@folder_f_disable_3"/>
<image image="thumb_folder_icon://th4" default_image="@@thumb_folder_4_default_image" x="725" active="@@act-browselist-4" disable="@@folder_f_disable_4"/>
<image image="thumb_folder_icon://th5" default_image="@@thumb_folder_5_default_image" x="871" active="@@act-browselist-5" disable="@@folder_f_disable_5"/>
<image image="thumb_folder_icon://th6" default_image="@@thumb_folder_6_default_image" x="1018" active="@@act-browselist-6" disable="@@folder_f_disable_6"/>
</wrapper>
<!--focus -->
<wrapper y="448" w="134" h="187" align="hcenter" scale_type="fixratio" scale="100">
<image image="@@frame_0" x="137"/>
<image image="@@frame_1" x="283"/>
<image image="@@frame_2" x="429"/>
<image image="@@frame_3" x="575"/>
<image image="@@frame_4" x="721"/>
<image image="@@frame_5" x="867"/>
<image image="@@frame_6" x="1013"/>
</wrapper>
<!--egg poster thumbnail-->
<image image="@@poster_bg" x="57" y="172" w="176" h="261" align="hcenter"/>
<image image="@@poster" x="57" y="172" w="176" h="261" align="hcenter"/>
</widgetghost>
<image image="@@bg-PIP_ZOOM" x="620" y="250" w="49" h="42" disable="@@disable-PIP_ZOOM" active="@@act-PIP_ZOOM"/>
<image image="@@play_stat" x="787" y="406" w="35" h="40"/>
<image image="@@speed_stat" x="823" y="414" w="39" h="21"/>
<text x="450" y="160" w="372" h="26" text="@@text-options" fontsize="24" textcolor="0x07b5ff" align="hcenter" disable="@@disable-text-options"/>
<include filename="./rv_multi_edit_widgets_for_gallery.xml"/>
<include filename="./rv_browse_common_widgets_new.xml"/>
<include filename="./inc_loading.xml"/>
<include filename="./decoration.xml"/>
<include filename="./info.xml"/>
</page>