Re: Styling the DataGrid ButtonBar

[wkoch]

I've got quite a bit of code running but I think I have pulled out the bits
needed.  I also attached the style sheet I'm using.  master-style-jewel.css
<http://apache-royale-users.20374.n8.nabble.com/file/t177/master-style-jewel.css>
  

Here's what I'm getting:

<http://apache-royale-users.20374.n8.nabble.com/file/t177/Header.jpg> 

What I need is the Header text to be smaller and at least on the left side
of the column.  I don't really care if it's bold.  Would be nice if the
Header row was smaller but I can live with it.



<?xml version="1.0" encoding="utf-8"?>
<j:Application  xmlns:f="http://ns.adobe.com/mxml/2009";
                                xmlns:b="library://ns.apache.org/royale/basic"
                                xmlns:j="library://ns.apache.org/royale/jewel"
                                xmlns:h="library://ns.apache.org/royale/html"
                                xmlns:c="components.*"
                                
xmlns:accessories="org.apache.royale.html.accessories.*"
                                xmlns:local="*" 
                                
xmlns:layouts="org.apache.royale.jewel.beads.layouts.*" 
                                initialize="appInit()"
                                applicationComplete="appComplete()">            
        
        <b:ApplicationDataBinding />
        <b:ContainerDataBinding />
        <f:Style source="../src/resources/master-style-basic.css"/>
        <f:Style source="../src/resources/master-style-jewel.css"/>
                ...........     
        <j:valuesImpl>
                <b:SimpleCSSValuesImpl />
        </j:valuesImpl>
        
        <j:initialView>
        <j:View>
        <j:Group  x="10" y="5" width="1140">    
                ...........     
                <j:DataGrid localId="dg_EA_Items" y="100"  height="246"
dataProvider="{DP_EA_Items}">
                        <j:beads>
                                <j:DataGridPresentationModel rowHeight="20" 
variableRowHeight="false"/>
                                <j:DataGridSort/>
                        </j:beads>
                        <j:columns>
                                <j:DataGridColumn label="Transaction ID"        
     
dataField="TRANSACTION_ID"        columnWidth="350"
itemRenderer="renderers.MyDataGridColumnRenderer"/>
                                <j:DataGridColumn label="License Authorization 
Number"
dataField="LICENSE_NO"            columnWidth="200"
itemRenderer="renderers.MyDataGridColumnRenderer"/>
                                <j:DataGridColumn label="Group"                 
     
dataField="AUTHORITY_GROUP"       columnWidth="60" 
itemRenderer="renderers.MyDataGridColumnRendererCenter"/>
                                <j:DataGridColumn label="Status"                
     
dataField="AUTHORITY_STATE"       columnWidth="70" 
itemRenderer="renderers.MyDataGridColumnRendererCenter"/>
                                <j:DataGridColumn label="Expiration"            
     
dataField="EXPIRATION_DATE"       columnWidth="95" 
itemRenderer="renderers.MyDataGridColumnRendererCenter"/>
                                <j:DataGridColumn label="GF"                    
     
dataField="AUTHORITY_GRANDFATHER" columnWidth="40" 
itemRenderer="renderers.MyDataGridColumnRendererCenter"/>
                                <j:DataGridColumn label="Type"                  
     
dataField="AUTHORITY_TYPE"        columnWidth="280"
itemRenderer="renderers.MyDataGridColumnRenderer"/>
                        </j:columns>
                </j:DataGrid>


The renderers are as follows:


MyDataGridColumnRenderer =
<j:DataGridItemRenderer 
        xmlns:f="http://ns.adobe.com/mxml/2009"; 
    xmlns:j="library://ns.apache.org/royale/jewel" 
    xmlns:b="library://ns.apache.org/royale/basic">    
        <j:beads>
                <b:ItemRendererDataBinding/>
                <b:Paddings paddingLeft="5" paddingRight="3" paddingTop="0"
paddingBottom="0"/>
                <j:VerticalLayout itemsVerticalAlign="itemsCenter"/>
        </j:beads>    

MyDataGridColumnRendererCenter = 
</j:DataGridItemRenderer><j:DataGridItemRenderer 
        xmlns:f="http://ns.adobe.com/mxml/2009"; 
    xmlns:j="library://ns.apache.org/royale/jewel" 
    xmlns:b="library://ns.apache.org/royale/basic">    
        <j:beads>
                <b:ItemRendererDataBinding/>
                <b:Paddings paddingLeft="5" paddingRight="3" paddingTop="0"
paddingBottom="0"/>
                <j:VerticalLayout itemsVerticalAlign="itemsCenter"
itemsHorizontalAlign="itemsCenter"/>
        </j:beads>    
</j:DataGridItemRenderer>





--
Sent from: http://apache-royale-users.20374.n8.nabble.com/