I made my I button all with xml, no new graphics. I made a new button style, that's basically a copy of the checkbox style the LFG button uses, and put an I on top of it that hides the exclamation point. Here's the code for the new style.
Code:
<ButtonStyle DisabledTextColor="#A0A0A0" MouseOverTextColor="#000000" MouseOverTextShadowStyle="DoublePeachOutlineNoShadow.Outline1" Name="style" NormalTextColor="#EBDEAA" NormalTextShadowStyle="DoubleBlackOutlineNoShadow.Outline1" NormalTextStyle="/Fonts.FontZapf20" RStyleActivated="activated_rect" RStyleDefault="normal_rect" RStyleMouseOver="mouseover_rect" TextAlignment="Center"/>
<RectangleStyle Center="normal" CenterShrinkH="false" CenterShrinkV="true" Name="normal_rect"/>
<RectangleStyle Center="mouseover" CenterShrinkH="false" CenterShrinkV="true" Name="mouseover_rect"/>
<RectangleStyle Center="activated" CenterShrinkH="false" CenterShrinkV="true" Name="activated_rect"/>
<ImageStyle Filter="true" Name="normal">
<ImageFrame Name="image" Source="images/widgets01.dds" SourceRect="179,46,209,66"/>
</ImageStyle>
<ImageStyle Filter="true" Name="mouseover">
<ImageFrame Name="image" Source="images/widgets01.dds" SourceRect="146,68,176,88"/>
</ImageStyle>
<ImageStyle Filter="true" Name="activated">
<ImageFrame Name="image" Source="images/widgets01.dds" SourceRect="179,68,209,88"/>
</ImageStyle>
<Namespace Name="DoublePeachOutlineNoShadow">
<ShadowStyle Color="#EBDEAA" Name="Outline7_8" NextShadowStyle="Outline8" Offset="-2,-1" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline4" NextShadowStyle="Outline7" Offset="-2,1" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline3_4" NextShadowStyle="Outline4" Offset="2,1" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline2_3" NextShadowStyle="Outline3" Offset="2,-1" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline1_2" NextShadowStyle="Outline2" Offset="1,-2" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline2" NextShadowStyle="Outline2_3" Offset="2,-2" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline1" NextShadowStyle="Outline1_2" Offset="0,-2" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline3" NextShadowStyle="Outline3_4" Offset="2,0" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline7" NextShadowStyle="Outline7_8" Offset="-2,0" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="Outline8" NextShadowStyle="BlackOutline1" Offset="-2,-2" Opacity="0.333"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline8" Offset="-1,-1" Opacity="0.667"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline7" NextShadowStyle="BlackOutline8" Offset="-1,0" Opacity="0.667"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline6" NextShadowStyle="BlackOutline7" Offset="-1,1" Opacity="0.667"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline5" NextShadowStyle="BlackOutline6" Offset="0,1" Opacity="0.667"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline4" NextShadowStyle="BlackOutline5" Opacity="0.667"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline3" NextShadowStyle="BlackOutline4" Offset="1,0" Opacity="0.667"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline2" NextShadowStyle="BlackOutline3" Offset="1,-1" Opacity="0.667"/>
<ShadowStyle Color="#EBDEAA" Name="BlackOutline1" NextShadowStyle="BlackOutline2" Offset="0,-1" Opacity="0.667"/>
</Namespace>
<Namespace Name="DoubleBlackOutlineNoShadow">
<ShadowStyle Name="Outline7_8" NextShadowStyle="Outline8" Offset="-2,-1" Opacity="1.000"/>
<ShadowStyle Name="Outline6_7" NextShadowStyle="Outline7" Offset="-2,1" Opacity="1.000"/>
<ShadowStyle Name="Outline5_6" NextShadowStyle="Outline6" Offset="-1,2" Opacity="1.000"/>
<ShadowStyle Name="Outline4_5" NextShadowStyle="Outline5" Offset="1,2" Opacity="1.000"/>
<ShadowStyle Name="Outline3_4" NextShadowStyle="Outline4" Offset="2,1" Opacity="1.000"/>
<ShadowStyle Name="Outline2_3" NextShadowStyle="Outline3" Offset="2,-1" Opacity="1.000"/>
<ShadowStyle Name="Outline1_2" NextShadowStyle="Outline2" Offset="1,-2" Opacity="1.000"/>
<ShadowStyle Name="Outline2" NextShadowStyle="Outline2_3" Offset="2,-2" Opacity="1.000"/>
<ShadowStyle Name="Outline1" NextShadowStyle="Outline1_2" Offset="0,-2" Opacity="1.000"/>
<ShadowStyle Name="Outline3" NextShadowStyle="Outline3_4" Offset="2,0" Opacity="1.000"/>
<ShadowStyle Name="Outline4" NextShadowStyle="Outline4_5" Offset="2,2" Opacity="1.000"/>
<ShadowStyle Name="Outline5" NextShadowStyle="Outline5_6" Offset="0,2" Opacity="1.000"/>
<ShadowStyle Name="Outline6" NextShadowStyle="Outline6_7" Offset="-2,2" Opacity="1.000"/>
<ShadowStyle Name="Outline7" NextShadowStyle="Outline7_8" Offset="-2,0" Opacity="1.000"/>
<ShadowStyle Name="Outline8" NextShadowStyle="BlackOutline1" Offset="-2,-2" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline8" Offset="-1,-1" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline7" NextShadowStyle="BlackOutline8" Offset="-1,0" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline6" NextShadowStyle="BlackOutline7" Offset="-1,1" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline5" NextShadowStyle="BlackOutline6" Offset="0,1" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline4" NextShadowStyle="BlackOutline5" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline3" NextShadowStyle="BlackOutline4" Offset="1,0" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline2" NextShadowStyle="BlackOutline3" Offset="1,-1" Opacity="1.000"/>
<ShadowStyle Name="BlackOutline1" NextShadowStyle="BlackOutline2" Offset="0,-1" Opacity="1.000"/>
</Namespace>
All of this can be placed at the bottom of the group window XML, and the style used by simply using Style="style".
Code:
<Button BackgroundColor="#FFFFFF" LocalText="I" LocalTooltip="/invite" Location="6,36" Name="Invite" ScrollExtent="31,20" Size="31,20" Style="style" Tooltip="/invite" OnPress="/invite">I</Button>
The button will need to be 31 width for the I to center properly.
Quib