[HELP] Images In Options

quote:
Originally posted by DennisMartijn
it looks great, although I cant tell yet what a selected item does. For example, at the Contact List Toolbar part, there are a few selected and a few not selected items, yet I can't tell which effect it has. Will selected appear, or will they be hidden? If you could just use Inactive / Disabled pictures for selected items, then it will be the best option panel style so far.

Denniss

as you can now see from the screenshot below if the box is ticked then it hides the button, if unticked the button will be visible.

[Image: SkinOptions-2.png]

finally figured out how to get one button working and when i tried to do the others they dont work, anybody know whats wrong my code is shown below.

quote:
<Control xsi:type="CheckBoxControl" Id="RemInviteBtn">
<Position Top="39" Width="10" Left="150"/>
<Help>Remove Invite Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>150</Left>
<Top>39</Top>
<Right>174</Right>
<Bottom>50</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="InviteBtn1">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Invite</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="InviteBtn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="InviteBtn3">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Invite X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="InviteBtn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="InviteBtn5">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Invite</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="InviteBtn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="InviteBtn7">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Invite X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="InviteBtn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="InviteBtn9">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Invite</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="InviteBtn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="InviteBtn11">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Invite X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="InviteBtn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>
<Control xsi:type="CheckBoxControl" Id="RemSharedBtn2">
<Position Top="39" Width="10" Left="174"/>
<Help>Remove Sharing Folders Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>174</Left>
<Top>39</Top>
<Right>198</Right>
<Bottom>50</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="Share2Btn1">
<Position Top="0" Left="22" Height="50"></Position>
<Image>
<Name>Sharing Folders 2</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Share2Btn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="Share2Btn3">
<Position Top="0" Left="22" Height="50"></Position>
<Image>
<Name>Sharing Folders 2X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Share2Btn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="Share2Btn5">
<Position Top="0" Left="22" Height="50"></Position>
<Image>
<Name>Sharing Folders 2</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Share2Btn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="Share2Btn7">
<Position Top="0" Left="22" Height="50"></Position> <Image>
<Name>Sharing Folders 2X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Share2Btn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="Share2Btn9">
<Position Top="0" Left="22" Height="50"></Position> <Image>
<Name>Sharing Folders 2</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Share2Btn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="Share2Btn11">
<Position Top="0" Left="22" Height="50"></Position> <Image>
<Name>Sharing Folders 2X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Share2Btn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>
<Control xsi:type="CheckBoxControl" Id="RemWebcamBtn">
<Position Top="39" Width="10" Left="198"/>
<Help>Remove Webcam Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>198</Left>
<Top>39</Top>
<Right>210</Right>
<Bottom>50</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="WebcamBtn1">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Webcam</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="WebcamBtn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="WebcamBtn3">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Webcam X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="WebcamBtn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="WebcamBtn5">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Webcam</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="WebcamBtn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="WebcamBtn7">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Webcam X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="WebcamBtn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="WebcamBtn9">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Webcam</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="WebcamBtn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="WebcamBtn11">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Webcam X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="WebcamBtn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>
<Control xsi:type="CheckBoxControl" Id="RemCallBtn">
<Position Top="39" Width="10" Left="222"/>
<Help>Remove Call Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>222</Left>
<Top>39</Top>
<Right>234</Right>
<Bottom>50</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="Call2Btn1">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Call</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Call2Btn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="Call2Btn3">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Call X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Call2Btn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="Call2Btn5">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Call</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Call2Btn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="Call2Btn7">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Call X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Call2Btn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="Call2Btn9">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Call</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Call2Btn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="Call2Btn11">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Call X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="Call2Btn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>
<Control xsi:type="CheckBoxControl" Id="RemActivityBtn">
<Position Top="50" Width="26" Left="150"/>
<Help>Remove Activites Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>150</Left>
<Top>50</Top>
<Right>174</Right>
<Bottom>61</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="ActBtn1">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Activities</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ActBtn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="ActBtn3">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Activities X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ActBtn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="ActBtn5">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Activities</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ActBtn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="ActBtn7">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Activities X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ActBtn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="ActBtn9">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Activities</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ActBtn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="ActBtn11">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Activities X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ActBtn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>
<Control xsi:type="CheckBoxControl" Id="RemGamesBtn">
<Position Top="50" Width="10" Left="174"/>
<Help>Remove Games Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>174</Left>
<Top>50</Top>
<Right>198</Right>
<Bottom>61</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="GamesBtn1">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Games</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="GamesBtn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="GamesBtn3">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Games X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="GamesBtn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="GamesBtn5">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Games</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="GamesBtn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="GamesBtn7">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Games X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="GamesBtn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="GamesBtn9">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Games</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="GamesBtn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="GamesBtn11">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Games X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="GamesBtn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>
<Control xsi:type="CheckBoxControl" Id="RemBlockBtn">
<Position Top="50" Width="10" Left="198"/>
<Help>Remove Block Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>198</Left>
<Top>50</Top>
<Right>210</Right>
<Bottom>61</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="BlockBtn1">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Block</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="BlockBtn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="BlockBtn3">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Block X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="BlockBtn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="BlockBtn5">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Block</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="BlockBtn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="BlockBtn7">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Block X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="BlockBtn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="BlockBtn9">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Block</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="BlockBtn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="BlockBtn11">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Block X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="BlockBtn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>
<Control xsi:type="CheckBoxControl" Id="RemColorizeBtn2">
<Position Top="50" Width="10" Left="222"/>
<Help>Remove Colorize Button (CT)</Help>
<CustomLook>
<FocusRect>
<Left>222</Left>
<Top>50</Top>
<Right>234</Right>
<Bottom>61</Bottom>
</FocusRect>
<Normal>
<Unchecked>
<Element xsi:type="ImageElement" Id="ColorizeBtn1">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Colorize</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ColorizeBtn2">
<Position Top="1" Left="0" />
<Image>
<Name>normal</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="ColorizeBtn3">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Colorize X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ColorizeBtn4">
<Position Top="1" Left="0" />
<Image>
<Name>normal2</Name>
</Image>
</Element>
</Checked>
</Normal>
<Hot>
<Unchecked>
<Element xsi:type="ImageElement" Id="ColorizeBtn5">
<Position Top="0" Left="11" Height="50"></Position>
<Image>
<Name>Colorize</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ColorizeBtn6">
<Position Top="1" Left="0" />
<Image>
<Name>hover</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="ColorizeBtn7">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Colorize X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ColorizeBtn8">
<Position Top="1" Left="0" />
<Image>
<Name>hover2</Name>
</Image>
</Element>
</Checked>
</Hot>
<Pushed>
<Unchecked>
<Element xsi:type="ImageElement" Id="ColorizeBtn9">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Colorize</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ColorizeBtn10">
<Position Top="1" Left="0" />
<Image>
<Name>Press</Name>
</Image>
</Element>
</Unchecked>
<Checked>
<Element xsi:type="ImageElement" Id="ColorizeBtn11">
<Position Top="0" Left="11" Height="50"></Position> <Image>
<Name>Colorize X</Name>
</Image>
</Element>
<Element xsi:type="ImageElement" Id="ColorizeBtn12">
<Position Top="1" Left="0" />
<Image>
<Name>Press2</Name>
</Image>
</Element>
</Checked>
</Pushed>
</CustomLook>
</Control>

Shoutbox

login | register | shoutbox