1 Reply Latest reply on Feb 3, 2011 10:14 PM by Shubhra Bhushan

    canvas with round corner having issue with verticall scroll corner

    amol bhandwale

      Hi All,

       

      I have a canvas with round corner and canvas having a vertical scroll.Issue is the vertical scroll overlap with corner.

      How should i customize the vertical scroll having the rounded corner.Or it should start with top padding as corner radius.

       

      <?xml version="1.0" encoding="utf-8"?>
      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
      <mx:VDividedBox width="100%" height="100%" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" >
          <mx:Canvas id="maskCanvas" width="100%" height="100%" cornerRadius="10" borderStyle="solid" backgroundColor="#BECEE5" borderColor="#000000">
          <mx:DataGrid width="1000" height="700">
           </mx:DataGrid>
          </mx:Canvas>
      </mx:VDividedBox>
      </mx:Application>

       

      Untitled.jpg

      Thanks,

      Amol.

        • 1. Re: canvas with round corner having issue with verticall scroll corner
          Shubhra Bhushan Level 1

          Amol, How did you give rounded corner to Canvas? Becasue scrollbar shall adjust itself accordingly if you are using graphics class for doing the same. If you have used some external skin on canvas to give it rounded corner then use custom skins in the scrollbar style tag. Custom skins can be .png files where you give the scrollbar a new look with skin having rounded corner or they can be extensions of the ProgrammaticSkin class in FLex.

          1 person found this helpful