Need some help with video_ui.xml - browser window.<br><br>I&#39;d like a buttonlist with the movie to the left fading to the background, and likewise with the movie to the right.<br>I&#39;ve got two images fading from black to transperant, but I cant seem to get them on top the video image.<br>
<br> <a href="http://i133.photobucket.com/albums/q64/Hylsan/screenshot_003.png">http://i133.photobucket.com/albums/q64/Hylsan/screenshot_003.png</a><br><br>note: the blue background is just for visibility, its gonna be black background.<br>
<br>I&#39;ve also problem with centering the &quot;selected&quot; movie (as you can see om the image.<br><br>And last, I&#39;d like to minimize the gap between them. I&#39;ve tried different spacing-settings but I dont see any diffrence.<br>
<br>my buttonlist;<br>-------------------------------------------------------------------------<br>        &lt;buttonlist name=&quot;videos&quot;&gt;<br>            &lt;area&gt;170,300,400,254&lt;/area&gt;<br>            &lt;layout&gt;horizontal&lt;/layout&gt;<br>
            &lt;scrollstyle&gt;center&lt;/scrollstyle&gt;<br>            &lt;wrapstyle&gt;items&lt;/wrapstyle&gt;<br>            &lt;buttonarea&gt;15,0,100%,80&lt;/buttonarea&gt;<br>            &lt;statetype name=&quot;buttonitem&quot;&gt;<br>
                &lt;state name=&quot;active&quot;&gt;<br>                    &lt;area&gt;0,0,50,150&lt;/area&gt;<br>                    &lt;imagetype name=&quot;buttonimage&quot;&gt;<br>                        &lt;area&gt;0,0,50,150&lt;/area&gt;<br>
                        &lt;alpha&gt;100&lt;/alpha&gt;<br>                        &lt;preserveaspect&gt;true&lt;/preserveaspect&gt;<br>                        &lt;filename&gt;shared/grid_noimage.png&lt;/filename&gt;<br>                    &lt;/imagetype&gt;<br>
                    &lt;statetype name=&quot;nodetype&quot;&gt;<br>                        &lt;position&gt;60,140&lt;/position&gt;<br>                        &lt;state name=&quot;subfolder&quot;&gt;<br>                            &lt;imagetype name=&quot;icon&quot;&gt;<br>
                                &lt;area&gt;0,0,70,170&lt;/area&gt;<br>                                &lt;filename&gt;shared/directory.png&lt;/filename&gt;<br>                                &lt;preserveaspect&gt;yes&lt;/preserveaspect&gt;<br>
                            &lt;/imagetype&gt;<br>                        &lt;/state&gt;<br>                        &lt;state name=&quot;upfolder&quot;&gt;<br>                            &lt;imagetype name=&quot;icon&quot;&gt;<br>
                                &lt;area&gt;0,0,70,170&lt;/area&gt;<br>                                &lt;filename&gt;shared/updirectory.png&lt;/filename&gt;<br>                                &lt;preserveaspect&gt;yes&lt;/preserveaspect&gt;<br>
                            &lt;/imagetype&gt;<br>                        &lt;/state&gt;<br>                    &lt;/statetype&gt;<br>                &lt;/state&gt;<br>                &lt;state name=&quot;selected&quot; from=&quot;active&quot;&gt;<br>
                    &lt;imagetype name=&quot;buttonimage&quot;&gt;<br>                        &lt;area&gt;0,0,80,160&lt;/area&gt;<br>                        &lt;alpha&gt;200&lt;/alpha&gt;<br>                    &lt;/imagetype&gt;<br>
                &lt;/state&gt;<br>            &lt;/statetype&gt;<br>                &lt;imagetype name=&quot;fadeleft&quot;&gt;<br>                    &lt;filename&gt;img/mc-fadeleft.png&lt;/filename&gt;<br>                    &lt;area&gt;0,0,50,150&lt;/area&gt;<br>
                &lt;/imagetype&gt;<br>                &lt;imagetype name=&quot;faderight&quot;&gt;<br>                    &lt;filename&gt;img/mc-faderight.png&lt;/filename&gt;<br>                    &lt;area&gt;310,0,50,150&lt;/area&gt;<br>
                &lt;/imagetype&gt;<br>            &lt;statetype name=&quot;upscrollarrow&quot;&gt;<br>                &lt;position&gt;50,0&lt;/position&gt;<br>                &lt;showempty&gt;yes&lt;/showempty&gt;<br>                &lt;state type=&quot;full&quot;&gt;<br>
                    &lt;imagetype name=&quot;upon&quot;&gt;<br>                        &lt;filename&gt;img/mc-arrowleft1.png&lt;/filename&gt;<br>                    &lt;/imagetype&gt;<br>                &lt;/state&gt;<br>
            &lt;/statetype&gt;<br>            &lt;statetype name=&quot;downscrollarrow&quot;&gt;<br>                &lt;position&gt;320,0&lt;/position&gt;<br>                &lt;showempty&gt;yes&lt;/showempty&gt;<br>                &lt;state type=&quot;full&quot;&gt;<br>
                    &lt;imagetype name=&quot;dnon&quot;&gt;<br>                        &lt;filename&gt;img/mc-arrowright1.png&lt;/filename&gt;<br>                    &lt;/imagetype&gt;<br>                &lt;/state&gt;<br>
            &lt;/statetype&gt;<br>        &lt;/buttonlist&gt;<br>---------------------------------------------------------------<br><br>Im sure its &quot;just&quot; a easy problem, probably connected to those darn &lt;area&gt;&#39;s. Hope its solved with some practice, but I thought that Id tried ask here before I spend several hours with this (wich I soon have been doing).<br>
<br>Thanks for all help!<br><br>/Tomas<br>