Design Evolved Community Forum

Full Version: Custom Scrollbars
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
ok in my skin i am trying to customize the appearance of the scrollbars, i tried simply do a replace on resources 20139 - 20150 and got a nasty set of gridlines through the scrollbars when they are shown (see below).



so i thought ok maybe they are like resources 20093 - 20099 where if you do a replace they don't display correctly but if you do via the <New> group then it works, so i tried doing that changing resources number to 59054 - 59065 in both the skininfo file and in the uifiles, however after doing all of that i am still getting gridllines showing through my scrollbars.

anyone out that know what i have done wrong here or how to fix this?

stuartbennett Wrote:
ok in my skin i am trying to customize the appearance of the scrollbars, i tried simply do a replace on resources 20139 - 20150 and got a nasty set of gridlines through the scrollbars when they are shown (see below).



so i thought ok maybe they are like resources 20093 - 20099 where if you do a replace they don't display correctly but if you do via the <New> group then it works, so i tried doing that changing resources number to 59054 - 59065 in both the skininfo file and in the uifiles, however after doing all of that i am still getting gridllines showing through my scrollbars.

anyone out that know what i have done wrong here or how to fix this?


Did you make sure to include all four UMMargins in the metadata? Because that you do need them in order for it to work properly.

Your code for the bars in skininfo should look something like this:

Code:
<Picture Id="20139">
                         <File>images/20139.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>
                     
                     <Picture Id="20140">
                         <File>images/20140.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>
                     
                     <Picture Id="20141">
                         <File>images/20141.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>
                     
                     <Picture Id="20142">
                         <File>images/20142.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>
                     
                     <Picture Id="20143">
                         <File>images/20143.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>
                     
                     <Picture Id="20144">
                         <File>images/20144.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>
                     
                     <Picture Id="20145">
                         <File>images/20145.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>
                     
                     <Picture Id="20146">
                         <File>images/20146.png</File>
                         <Metadata>
                             <Colorize>false</Colorize>
                             <UMLeft>5</UMLeft>
                             <UMTop>5</UMTop>
                             <UMRight>5</UMRight>
                             <UMBottom>5</UMBottom>
                         </Metadata>
                     </Picture>

thanks willz, i hadnt used ummargins, i added them in and problem now solved tanks again.
Reference URL's