manicevangelist

Hi,

I'm still working on my Simplicity skin, but I have a problem. I want a container to be displayed on the horizontally center of the screen. That's no problem. But now I want to add a background to this container. How can I do that?

Right now I'm trying to add a picture within a widget inside the container, but it doesn't seem to work...

Like this:
<widget class="picture" id="pict" file="interface/titlebar/continue/bar" auto_size="vertical" cached="true">
<layout class="stick_to_sides_attachment" alignment="top" inset="0"/>
</widget>

Hope that someone can help me fix this issue.

Thanks in advance!

Norfolk_boy

Well, what you are wanting to do is very possible. Without knowing where and what you are doing it's difficult but I spsect you just havn't declared the layout properly within the centralised container/

Tips:

1. try the graphic outside of the container - if it works then you know that's the problem and not the graphic declaration

2. Have a look at how it's done elsewhere. Probably the best way to get anything working is to find it working somewhere else. I'm sure the header file is (or used to be) three containers horizonatally across the top. Try taking the layout declerations from that container and adding them to your's

3. Do other things work - can you get text to display? Can you get a fixed image to display rather than a scaling one?

Hope you get it working :thup:

manicevangelist

Hmm, I've tried some things, but can't figure out how to get to work. Here is the code:

<pre class="ip-ubbcode-code-pre">&lt;container width="170"&gt;&lt;layout class="stick_to_sides_attachment" alignment="vertical" inset="16"/&gt;&lt;layout class="centre_in_parent_attachment" alignment="horizontal"/&gt; &lt;widget class="picture" id="pict" file="interface/titlebar/continue/bar" auto_size="vertical" cached="true"&gt; &lt;layout class="stick_to_sides_attachment" alignment="top" inset="0"/&gt; &lt;/widget&gt;&lt;widget class="action_button" id="back" appearance="button/custom/back/button" auto_size="all" &gt; &lt;attachment class="get_global_attachment" get_property="disp" set_property="disa"/&gt; &lt;attachment class="stick_to_sides_attachment" alignment="top" inset="64"/&gt; &lt;attachment class="stick_to_sides_attachment" alignment="left"/&gt; &lt;record id="click_event" event_id="GOTO" event_target="scrn" scin="-3"/&gt; &lt;/widget&gt;&lt;!-- Continue button --&gt; &lt;widget class="picture" id="pict" file="interface/titlebar/continue/bar"&gt; &lt;layout class="stick_to_sides_attachment" alignment="top" inset="0"/&gt; &lt;layout class="centre_in_parent_attachment" alignment="horizontal"/&gt; &lt;/widget&gt;&lt;widget class="text_button" text="Continue" standard_spec="title, small" auto_size="horizontal" colour="white"&gt;&lt;layout class="centre_in_parent_attachment" alignment="horizontal"/&gt;&lt;layout class="stick_to_sides_attachment" alignment="top" inset="66"/&gt;&lt;record id="click_event" event_id="CONT" event_target="scrn"/&gt;&lt;attachment class="test_global_attachment" get_property="cont" set_property="disa"&gt;&lt;list id="value"&gt;&lt;integer value="-8"/&gt;&lt;integer value="-5"/&gt;&lt;/list&gt;&lt;/attachment&gt;&lt;!-- match play text --&gt;&lt;attachment class="get_global_attachment" get_property="cttx" set_property="text"/&gt;&lt;/widget&gt; &lt;widget class="action_button" id="forw" appearance="button/custom/next/button" auto_size="all"&gt;&lt;attachment class="get_global_attachment" get_property="disn" set_property="disa"/&gt; &lt;attachment class="stick_to_sides_attachment" alignment="top" inset="64"/&gt; &lt;attachment class="stick_to_sides_attachment" alignment="right"/&gt; &lt;record id="click_event" event_id="GOTO" event_target="scrn" scin="-2"/&gt; &lt;/widget&gt;&lt;/container&gt; </pre>

I want, the picture to be placed behind the continue, back and next buttons, which are horizontally centered on the screen.

retired_oldnavy75

That's how you make a skin! :O