You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@royale.apache.org by GitBox <gi...@apache.org> on 2020/02/26 16:39:13 UTC

[GitHub] [royale-asjs] javeiga-iest opened a new issue #736: Jewel: DataGrid HScrollBar

javeiga-iest opened a new issue #736: Jewel: DataGrid HScrollBar
URL: https://github.com/apache/royale-asjs/issues/736
 
 
   Although the DataGrid element automatically shows the VScroll, when its content exceeds the size of the control, there is no way (at least I have not been able to find it) to add an HScroll when the width of the control exceeds the size of our screen.
   
   ```
      <j:DataGrid rowHeight="40" emphasis="primary"
       width="100%" height="600">
           <j:beads>
               <j:RemoveDataGridItemRendererForArrayListData/>
           </j:beads>
           <j:columns>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
           <j:DataGridColumn label="UNDEFINED" columnWidth="70"/>                                                  
       </j:columns>
   </j:DataGrid> 
    
   ```
   Our current "solution" is to use an HGroup and add the HScroll by style:
   style = "overflow: scroll; overflow-y: hidden;"
   
   ```
   <j:VGroup localId="dgGroup" width="100%" style="overflow: scroll;overflow-y: hidden;" >
       <j:DataGrid rowHeight="40" emphasis="primary"
       width="100%" height="600">
           <j:beads>
               <j:RemoveDataGridItemRendererForArrayListData/>
           </j:beads>
           <j:columns>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="120"/>
               <j:DataGridColumn label="UNDEFINED" columnWidth="70"/>                                                  
           </j:columns>
       </j:DataGrid>  
   </j:VGroup>
   ```

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services