retired_lindseymonson

I've recently created a new skin, Aero, (Available here)

I've had one problem ever since I started working on the skin, and haven't been able to sort it, and was wondering if anyone could help.

Image of the problem

As you can see, the team names look like they've been chopped off at the end, I've tried all sorts to fix it with no luck. The xml I'm using is as follows:
<pre class="ip-ubbcode-code-pre">&lt;container id="text" height="80"&gt; &lt;layout class="arrange_horizontal_attachment" layout="25,-1"/&gt; &lt;layout class="stick_to_sides_attachment" alignment="vertical" layout_children="true" inset="20"/&gt;&lt;!--Main Text Container--&gt; &lt;container height="50"&gt;&lt;layout class="arrange_horizontal_attachment" alignment="left" gap="0" /&gt;&lt;layout class="stick_to_sides_attachment" alignment="left" inset="75"/&gt;&lt;layout class="stick_to_sides_attachment" alignment="top" inset="15"/&gt;&lt;layout class="fit_children_attachment" alignment="horizontal,fill" offset="30" gap="0"/&gt;&lt;layout class="arrange_vertical_attachment" alignment="top" offset="10" gap="0" inset="10"/&gt;&lt;layout class="fit_children_attachment" alignment="vertical,fill" offset="40" gap="0"/&gt;&lt;widget class="text" id="sect" standard_spec="title, large" auto_size="all" alignment="left" style="shadowed" multiline="false"&gt;&lt;attachment class="get_global_attachment" get_property="titl" set_property="text"/&gt;&lt;attachment class="get_global_attachment" get_property="fcol" set_property="colr"/&gt;&lt;/widget&gt; &lt;/container&gt;&lt;!--tita Container--&gt;&lt;!-- Subtitle --&gt;&lt;container height="20"&gt;&lt;attachment class="test_global_attachment" get_property="subt" skip_if_null="false" set_property="hidn"/&gt;&lt;layout class="arrange_horizontal_attachment" alignment="left" gap="0"/&gt;&lt;layout class="stick_to_sides_attachment" alignment="left" inset="75"/&gt;&lt;layout class="stick_to_sides_attachment" alignment="top" inset="60"/&gt;&lt;layout class="fit_children_attachment" alignment="vertical,fill" offset="30" gap="0"/&gt;&lt;widget class="nation_button" id="stfl" auto_size="all" icon_alignment="left,can_scale" dspf="4"&gt;&lt;layout class="stick_to_sides_attachment" alignment="top" inset="1"/&gt;&lt;attachment class="test_global_attachment" get_property="stfl" skip_if_null="false" set_property="hidn"/&gt;&lt;attachment class="get_global_attachment" get_property="stfl" set_property="valu"/&gt;&lt;/widget&gt;&lt;widget class="text" id="subs" standard_spec="text" auto_size="all" size="8" style="none" colour="white" multiline="false"&gt;&lt;layout class="stick_to_sides_attachment" alignment="top" inset="0" /&gt;&lt;attachment class="get_global_attachment" get_property="subt" set_property="text"/&gt;&lt;attachment class="get_global_attachment" get_property="fcol" set_property="colr"/&gt;&lt;/widget&gt;&lt;/container&gt;&lt;!--subtitle Container--&gt;&lt;/container&gt;&lt;!--text Container--&gt; </pre>

If anyone can help, that'd be great, as it's starting to drive me daft now.

Norfolk_boy

I suspect this will be a problem with the text widger autosizing.

If 'autosize' is used a widget will grow to fit the size of the text. However I don't think it takes into account the shadow (which extends slightly the the right of where the actual text ends) thus you get cut-off problems.

There may well be a way to add some padding - maybe try an inset="-3" or offset="-3" within the widget. That might work, leaving a 3 pixel gap at the start and end of the text for the shadow. You might ahve to re-align stuff though.

Or you could just make the text widget a set width (autosize="vertical" width ="x") making sure it's big enough for anything to fit.

That SHOULD sort it, fingers crossed.

retired_lindseymonson

I think the fixed width widget has solved my problem. I tried that before, but didn't know what to put into the auto_size attribute.

Norfolk_boy

Good to hear