topic Re: Help to fix the white space between the datagrid scrollbars. Thanks! in ArcGIS API for Flex Questions

Help to fix the white space between the datagrid scrollbars. Thanks!

cristiBJ — Wed, 29 Sep 2010 22:19:25 GMT

This is done by using sample viewer.
Now I added vertical and horizontal scroll bars. Since the background is black, there is a white block between the scroll bars. Please see attached.

How can I make the white block the same color as the background? I tried to set backgroundcolor for the datagrid but it didnot work.

Thanks in advance.

Part of the code is here:
<mx:VBox width="100%" height="100%" verticalGap="1" horizontalGap="2" verticalScrollPolicy="on" horizontalScrollPolicy="auto" backgroundColor="gray"> 

    <mx:HBox id="boxMessage" visible="{msgVisible}" includeInLayout="{msgVisible}" width="100%">
     <mx:SWFLoader id="swfMessage" source="com/esri/solutions/flexviewer/assets/flash/loader.swf" visible="false" />
     <mx:Text id="txtMessage" text="" styleName="WidgetText" width="90%"/>
    </mx:HBox>


    <mx:Repeater id="wRepeaterDisplay" width="100%" >
           <myWidgets:ParcelRecordData_Identify infoData="{wRepeaterDisplay.currentItem}" mouseOver="mouseOverRecord(event)"
      mouseOut="mouseOutRecord()" click="selectLocation(event)" valueSet="valueSetHandler(event)" paddingTop="5"/>

    </mx:Repeater>

          <mx:DataGrid id="dParams" rowCount="23" visible="false" width="399" click="clickRecord(event)" showHeaders="false" backgroundColor="#cccccc">
                <mx:columns>
                   <mx:DataGridColumn dataField="key" headerText="Property" width="152" />
                   <mx:DataGridColumn dataField="value" wordWrap="true" headerText="Value" width="270" />
               </mx:columns>
          </mx:DataGrid>
   </mx:VBox>

Re: Help to fix the white space between the datagrid scrollbars. Thanks!

cristiBJ — Thu, 30 Sep 2010 18:07:29 GMT

Anyone can help here?

Re: Help to fix the white space between the datagrid scrollbars. Thanks!

RobertScheitlin__GISP — Thu, 30 Sep 2010 19:37:11 GMT

Cristi,

This is known bug in flex 3 and the only solution is monkey patching (not simple). Here are some links to monkey patches:

http://custardbelly.com/blog/?p=70

http://blog.flexexamples.com/2010/05/05/modifying-the-corner-white-box-on-an-mx-container-when-scroll-bars-are-visible-in-flex/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+FlexExamples+%28Flex+Examples%29

http://cookbooks.adobe.com/post_Remove_white_box_at_bottom_right_corner_of_contain-16864.html

Re: Help to fix the white space between the datagrid scrollbars. Thanks!

cristiBJ — Thu, 30 Sep 2010 20:36:49 GMT

You helped me out again. Thank you ...

Re: Help to fix the white space between the datagrid scrollbars. Thanks!

cristiBJ — Thu, 30 Sep 2010 23:26:21 GMT

The first link is blocked by our company websense.
I tried the 3rd one but it did not work.
The second link works for me. It was easy to implement into our sampleviewer project.
Thanks again.

Re: Help to fix the white space between the datagrid scrollbars. Thanks!

BradChranko — Tue, 05 Oct 2010 14:57:19 GMT

Hi Christi and Robert-

I'd like to know which identify widget was used in this example, the one with the print option. I'm looking for a way to print a datagrid upon a search/query. Is there a widget out there or is it something that has to be customized.

Thanks,

Brad.