Datagrid - custom width for horizontalGridLines

Hi,
1. I want to set a width for horizontal gridlines in
DataGrid. There is no public properties or methods to set the width
for the separator line between rows. I tried to make a custom class
that extends DataGrid, but i don't know how to set this.
2. Same problem is with the header sort separator. I tried to
resize is, to make it smaller, but no results.
3. I want to resize the width for vertical scrollbar from
datagrid.
If somebody knows how to resolve these issues, i would be so
excited.
Thanks

Create your own class which extends DataGrid. Then, you can
customize the grid lines a bit by overriding the following function
in your class.
In this example the line thickness is set to 5. Be sure to
include imports for:
import flash.display.Graphics;
import flash.display.Sprite;
import mx.controls.listClasses.ListBaseContentHolder;
Notice that I commented-out the call to
super.drawHorizontalLine because the line thickness has to change.

Similar Messages

  • How to set custom widths for a particular report column?

    how could I set a custom width for a particular report column? Is there a way to do it using css?
    Thank you.

    Hi Leland,
    I have tested this here: [http://apex.oracle.com/pls/otn/f?p=267:18]
    All I have done is add the following into the report's Region Header:
    <style type="text/css">
    #apexir_EMPNO {width:200px}
    #apexir_ENAME {width:200px}
    #apexir_DEPTNO {width:200px}
    .apexir_WORKSHEET_DATA TR TD {height:100px;}
    </style>The headers have all be set to be left-aligned. Each column should be 200px wide (even though I'm setting the width on the headers, it will be applied to the entire column unless a cell's contents is wider, in which case the column is made wider). The final entry above adjusts the height of all TDs within the IR table.
    Andy

  • Custom Renderer for Rows in DataGrid

    Hi,
    I've got a DataGrid where the rows are of different data
    types. Some rows I'd like to have a checkbox, others a checkbox
    with text, or ones with text and a graphic. I've seen info on
    custom cell renderers, but they always go in the DataGridColumn
    location. Is it possible to have a custom renderer for rows? If so,
    could someone please explain them to me?
    Thank you,
    John

    I don't think so.
    Could you use a List with a custom renderer?
    Tracy

  • Custom BIOS for GE60 2oc

    Hello!
    I would like to request a custom bios for my laptop (MSI GE-60 2oc).
    I have had problems with low CPU utilization after updating the embedded controller with official MSI firmware update. At the same time I was supposed to update the BIOS, but I couldn't, using the official driver found on MSI download center, since my system told me it's not the right version.
    I wanted to try this new approach as a new bios might help, I figured. I can't find any downgrading for the embedded controller. Would a custom bios be good thing for me or am I doing this all wrong?
    Current bios: E16GCIMS.509
    EC firmware installed: 16GCEMS1.506
    The BIOS update that did not work: E16GCIMS.611

    I know got my current version of BIOS and EC by MSI support so I will experiment with them. Downgrading to EC v. 5.00 helped I think. I have started to meassure now and the thing is that my GPU seems to have a real low core clock. The GT750m is marketed as 967 mhz but GPU shark and 3DMark 11 shows that I have 405 mhz. When playing Starcraft 2 I get real low FPS considering the settings (25 fps while playing medium quality and 1080p res.) hard to find comparing stats on the net. When meassuring with 3Dmark 11 I get a 2800 score which is comparable to other machines like mine.
    GPU Shark v0.7.3
    (C)2013 Geeks3D - www.geeks3d.com
    GPU Shark v.0.7.3 gives me these numbers:
    Elapsed time: 00:01:40
    OpenGL memory - total:2048MB, usage:98MB
    GPU 1 - GeForce GT 750M
    - GPU: unknown
    - Bus ID: 1
    - Device ID: 10DE- FE4
    - Subvendor: MSI (1462-10E6)
    - Driver version: 9.18.13.3182
    - NV driver branch: r331_00-187
    - OS: Windows 8 64-bit
    - Bios version: 80.07.a2.00.07
    - GPU memory size: 2048MB
    - Bus width: 128-bit
    - GPU memory location: GPU dedicated
    - GPU memory type: GDDR5
    - GPU temp: 43.0°C (min:43.0°C - max:45.0°C)
    - GPU cores: 384
    - Performance states: 3
    - Performance state P0
    - GPU: 1183.5MHz
    - Mem: 2355.0MHz
    - VDDC: 0.856V
    - Performance state P5
    - GPU: 1183.5MHz
    - Mem: 800.0MHz
    - VDDC: 0.850V
    - Performance state P8 (current)
    - GPU: 405.0MHz
    - Mem: 405.0MHz
    - VDDC: 0.806V
    - True current clock speeds / VDDC:
    - Core: 135.0MHz
    - Mem: 405.0MHz
    - VDDC: 0.806V
    - GPU and memory usage:
    - GPU: 0.0%, max: 99.0%
    - GPU memory: 4.7%
    - GPU memory controller: 0.0%
    - Limiting policies (NVIDIA):
    - no limitation
    - Current active 3D applications:
    ---- 3dmark11.exe (PID: 6360)
    ---- furmark.exe (PID: 6328)
    ---- gpushark.exe (PID: 7028)
    Well well, will try new BIOS now when I get go back to my previous version if it doesn't help me.

  • How to set displayed column width for a search help

    I have created an elementary search help for a custom field with a value table behind it.
    The search help functions correctly, but when displayed the column widths are all 10 characters. The user has to adjust the column to view the descriptive text.
    Can anyone tell me how to set default column widths for the help?

    Please  open you Elementary search  help  and see the Column  width   behind the Fields of your ...there  increase the width of the fields
    "Activate it  and refresh
    reward  points if it is usefull .....
    Girish

  • Flex 3: DataGrid Column width on resize

    Hello experts,
    I am facing an issue with width of DataGrid columns. We are using Flex 3.2.
    I am setting the widths for columns in creationComplete handler of DataGrid. When the browser window is resized, say restore down and then maximize,
    the column widths are changing. Please find the code below:
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="100%" width="100%">
    <mx:Script>
        <![CDATA[
            import mx.core.ScrollPolicy;
            [Bindable]
            private var isVisible:Boolean = true;
            private function creationCompleteHandler():void{
                dataGrid.horizontalScrollPolicy = ScrollPolicy.ON;
                artist.width = dataGrid.width * 0.40;
                album.width = dataGrid.width * 0.50;
                Price.width = dataGrid.width * 0.10;
                dataGrid.horizontalScrollPolicy = ScrollPolicy.OFF;
        ]]>
    </mx:Script>
    <mx:DataGrid id="dataGrid" width="80%" height="100%" creationComplete="creationCompleteHandler()">
          <mx:ArrayCollection>
             <mx:Object Artist="Pavement" Price="11.99"
                Album="Slanted and Enchanted" />
             <mx:Object Artist="Pavement"
                Album="Brighten the Corners" Price="11.99" />
          </mx:ArrayCollection>
          <mx:columns>
              <mx:DataGridColumn id="artist" dataField="Artist"/>
             <mx:DataGridColumn id="album" dataField="Album" visible="{isVisible}"/>
             <mx:DataGridColumn id="Price" dataField="Price" />
          </mx:columns>
       </mx:DataGrid>
    </mx:Application>
    Is there anything wrong i am doing here? Please help me in resolving this.
    Thanks,
    Srilatha

    Hi Srilatha,
    DataGrid width is 100% and the main application width also 100%, So the
    DataGrid will try to occupy the whole window, when you do "restore down" &
    "maximize" Application width will change.. and it will effect DataGrid and
    its columns also. Try to give some fixed width for dataGrid and you can
    expect the result.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    height="100%" width="100%">
        <mx:Script>
            <![CDATA[
                import mx.core.ScrollPolicy;
                private var isVisible:Boolean = true;
                private function creationCompleteHandler():void
                    dataGrid.horizontalScrollPolicy = ScrollPolicy.ON;
                    artist.width = dataGrid.width * 0.40;
                    album.width = dataGrid.width * 0.50;
                    Price.width = dataGrid.width * 0.10;
                    dataGrid.horizontalScrollPolicy = ScrollPolicy.OFF;
            ]]>
        </mx:Script>
        <mx:DataGrid id="dataGrid" width="500" height="100%"
    creationComplete="creationCompleteHandler()">
            <mx:ArrayCollection>
                <mx:Object Artist="Pavement" Price="11.99"
                           Album="Slanted and Enchanted" />
                <mx:Object Artist="Pavement"
                           Album="Brighten the Corners" Price="11.99" />
            </mx:ArrayCollection>
            <mx:columns>
                <mx:DataGridColumn id="artist" dataField="Artist"/>
                <mx:DataGridColumn id="album" dataField="Album"
    visible=""/>
                <mx:DataGridColumn id="Price" dataField="Price" />
            </mx:columns>
        </mx:DataGrid>
    </mx:Application>
    Thanks
    Pradeep Reddy

  • Custom icon for module_webappsresultsmap

    As the title says...
    When you make a search on the Google map, the icon that shows where the place  is, is a standard Google Map icon.
    Is it possible to override and add a custom icon for this?
    It would be nice to have it within the tag...
    ie. {module_webappsresultsmap,GoogleKey,width,height,ResultsPage,SortType,Image}
    Or have the image within the web app so that each location has a different icon.

    I tried submitting this same problem as a feature request and/or bug report.
    Unfortunately, and somewhat disconcertingly, the Captivate Bug Report form also doesn't work. No matter how thoroughly I entered my request, I got these error messages:
    The following error(s) must be corrected before this form can be completed:
    Please enter your name
    Please enter your E-mail address
    Please select if it is feature request or the bug report.
    Please select a product
    Please enter the issue description

  • Click issue with s:Datagrid on mobile for iPads with retina displays (only left half is clickable)

    I'm currently testing a Flex mobile application (that was originally made for iPad 2) on high rest iPad fourth generation and iPad Air devices.
    I'm having this strange issue where the s:DataGrid, no matter where I use it in the application, will display correctly, but only the left half is clickable to select rows. The number of columns in the DataGrid is not important, nor is the width of the DataGrid, the problem is always present. As soon as you try to click in the right half, it doesn't work.
    The application uses an applicationDPI of 160, and scales properly on the higher resolution devices.
    So this feels like a bug to me, as if the DataGrid scales properly, but not it's clickable area?
    I have tried a bunch of stuff to see if I could work around this issue, like calling invalidate functions and setting the DataGrid's width dynamically, but no change so far.
    At this point I'm open for any suggestions or ideas...
    Edit: After further testing it seems the same is true for the height. I noticed when I added more rows in the grid. Only the top half of the DataGrid can be clicked. So it really looks like a dimension issue with the clickable area?
    Thanks

    I ended up not using the DataGrid, and decided to use the experimental MobileGrid instead, which is not afflicted with this issue.
    So this issue no longer concerns me.
    BTW the default theme of MobileGrid is dark, but can be lightened up with CSS and by extending the MobileGrid skins, up to a point where I almost can't tell the difference v.s. the DataGrid.
    It also performs better then the DataGrid. since it's based on List. With 300 elements, it scrolled noticeably faster.

  • DataGrid column width is not set properly

    Hi,
            In the below example I has called the OptimizeDataGrid method on Button Click event to resize the Column according to the data. First time of the button click event it called the function whereas the Datagrid Column width alone is not set properly.whereas on second time it is working properly.
    For Eg : In the below statement the text value is coming as 55 and widthPadding is comes as 25. but the sum of these two value is not in the dg.columns[col].width.
    dg.columns[col].width = text + widthPadding;
    But the same is working on the second time of the Button click event. is any help me out to resovle this issue. Thanks in Advance.
    <?xml version="1.0"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        width="100%" height="100%" >
        <mx:Script>
            <![CDATA[
                import mx.utils.ObjectUtil;
                import mx.collections.ArrayCollection;
                import mx.core.UITextField;
                import mx.events.AdvancedDataGridEvent;
                import mx.binding.utils.BindingUtils;
                import mx.controls.Alert;           
                import mx.controls.AdvancedDataGrid;
                import mx.controls.advancedDataGridClasses.*;
                import mx.controls.DataGrid;
                import mx.controls.dataGridClasses.*;
                [Bindable]
                private var dpFlat:ArrayCollection = new ArrayCollection([            
                  {Region:"aabbCC", Territory:"Central Californiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
                      Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}, 
                  {Region:"AAbbcc", Territory:"Nevada",
                      Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}
                private function optimizeDataGrid(dg:Object,widthPadding:uint = 0,heightPadding:uint = 0):void
                    if ((!dg is DataGrid))
                        return;
                    var col:uint;
                    var colWidth:uint;
                    var tf:TextFormat;
                    var renderer:UITextField;
                    var widths:Array = new Array(dg.columnCount);
                    var height:uint = 0;
                    var dgCol:Object;
                    var text:uint = 0;
                    if (dg.columnCount > 0 && dg.dataProvider != null)
                        for (col = 0; col < dg.columnCount; ++col)
                            widths[col] = 0;
                        for each (var item:Object in dg.dataProvider)
                            for (col = 0; col < dg.columnCount; ++col)
                                renderer = new DataGridItemRenderer();
                                dg.addChild(renderer);
                                dgCol = dg.columns[col];
                                renderer.text = dgCol.itemToLabel(item);
                                widths[col] = Math.max(renderer.measuredWidth, widths[col]);
                                height = Math.max(renderer.measuredHeight, height);
                                dg.removeChild(renderer);
                        for (col = 0; col < dg.columnCount; ++col)
                            dg.addChild(renderer);
                            renderer.text = dg.columns[col].headerText;
                            widths[col] = Math.max(renderer.measuredWidth,widths[col]);
                            dg.removeChild(renderer);
                            text = widths[col];
                            dg.columns[col].width = text + widthPadding;
                        if (height != 0)
                            dg.rowHeight = height + heightPadding;
            ]]>
        </mx:Script>
        <mx:DataGrid id="myADG"
               dataProvider="{dpFlat}" rowCount="{dpFlat.length}" sortableColumns="false">       
                 <mx:columns>
                    <mx:DataGridColumn dataField="Region" />              
                    <mx:DataGridColumn dataField="Territory_Rep" headerText="Territory Rep" />
                     <mx:DataGridColumn dataField="Territory" />
                    <mx:DataGridColumn dataField="Actual" />
                    <mx:DataGridColumn dataField="Estimate" />
                </mx:columns>
       </mx:DataGrid>
       <mx:Button label="click" id="click" click="optimizeDataGrid(myADG,25,5);"/>
    </mx:Application>
    Regards
    Harikumar

    With horizontalScrollPolicy="off" (the default), it is hard to control
    column widths because the columns are sometimes overridden to make sure they
    fit on the screen.

  • Custom Layout for Web Page Composer

    Hi everybody,
    I'm tring to follow a guide, to create a custom layout for the web page composer.
    This guide:
    http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/804bedee-377e-2e10-0f83-d5b33c743dbc?QuickLink=index&…
    I builded the portal project and I deployed it on the portal.
    Actualy i can see and select my custom layout and i can drop the element on the container from the page builder, but, when i save the content I can't see any elements anymore.
    If I publish the page I see my custom Layout... but empty, without any paragraph or article.
    Do u have any idea on why this could appen ?
    Best regards Enrico.

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <application>
    <application-config>
      <property name="SharingReference" value="knowledgemanagement,
                                                com.sap.portal.pagebuilder,
                                                com.sap.portal.navigation.navigationtaglibrary,
                                                com.sap.portal.useragent"/>
       <property name="SafetyLevel" value="no_safety"/>
    </application-config>
        <components>
            <component name="overview">
                  <component-config>
                    <property name="ClassName" value="com.sapportals.portal.pb.layout.PageLayout"/>
                    <property name="ResourceBundleName" value="pagebuilder_nls"/>
                    <property name="SafetyLevel" value="no_safety"/>
                  </component-config>
              <component-profile>     
                <property name="ComponentType" value="com.sapportals.portal.layout"/>
                <property name="TagLibSAPLayout" value="/SERVICE/com.sap.portal.pagebuilder/taglib/layout.tld"/>
                <property name="TagLibSAPNavigation" value="/SERVICE/com.sap.portal.navigation.navigationtaglibrary/taglib/TagLibrary.tld"/>
                <property name="com.sap.portal.pcm.Title" value="Book (100,25|25|25|25)"/>
                <property name="com.sap.portal.pcm.Description" value="Book Layout (100% Top, 25% Bottom mostleft, 25% Bottom left, 25% Bottom right, 25 Bottom mostright)"/>
                <property name="com.sap.portal.reserved.layout.TemplateFile" value="book.jsp"/>
                <property name="AuthScheme" value="anonymous"/>
                <property name="com.sap.portal.reserved.layout.Cont1" value="top">
                <property name="title" value="Top Column"/>
                <property name="orientation" value="vertical"/>
                </property>
                    <property name="com.sap.portal.reserved.layout.Cont2" value="bottom1">
                        <property name="title" value="Bottom Column leftmost"/>
                        <property name="orientation" value="vertical"/>
                    </property>
                    <property name="com.sap.portal.reserved.layout.Cont3" value="bottom2">
                        <property name="title" value="Bottom Column left"/>
                        <property name="orientation" value="vertical"/>
                    </property>
                    <property name="com.sap.portal.reserved.layout.Cont4" value="bottom3">
                        <property name="title" value="Bottom Column right"/>
                        <property name="orientation" value="vertical"/>
                    </property>
                    <property name="com.sap.portal.reserved.layout.Cont5" value="bottom4">
                        <property name="title" value="Bottom Column rightmost"/>
                        <property name="orientation" value="vertical"/>
                    </property>
                    <property name="XML_Template" value="&lt;?xmlversion=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;&lt;PageLayoutxmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance"xsi:noNamespaceSchemaLocation="../xsd/PBlayout.xsd"layoutID="pcd:portal_content/templates/pcc/layouts/1Top4Bottom_(100__25_25_25_25)"pageID="1Top4Bottom"><CustomAttributes><Attributekey="JSP_Template"value="gpar:/1Top4BottomLayout/1Top4Bottom"/></CustomAttributes><TableLayout width=&quot;100%&quot; height=&quot;100%&quot;cols=&quot;4&quot;/&gt;&lt;ContainersRow&gt;&lt;ContainercontainerID=&quot;com.sap.portal.reserved.layout.Cont1&quot;&gt;&lt;TableCellData width=&quot;100%&quot; height=&quot;100%&quot; colSpan=&quot;4&quot;vAlign=&quot;top&quot;/&gt;&lt;/Container&gt;&lt;/ContainersRow&gt;&lt;ContainersRow&gt;&lt;ContainercontainerID=&quot;com.sap.portal.reserved.layout.Cont2&quot;&gt;&lt;TableCellData width=&quot;25%&quot; height=&quot;100%&quot; colSpan=&quot;1&quot;vAlign=&quot;top&quot;/&gt;&lt;/Container&gt;&lt;ContainercontainerID=&quot;com.sap.portal.reserved.layout.Cont3&quot;&gt;&lt;TableCellData width=&quot;25%&quot; height=&quot;100%&quot; colSpan=&quot;1&quot;vAlign=&quot;top&quot;/&gt;&lt;/Container&gt;&lt;ContainercontainerID=&quot;com.sap.portal.reserved.layout.Cont4&quot;&gt;&lt;TableCellData width=&quot;25%&quot; height=&quot;100%&quot; colSpan=&quot;1&quot;vAlign=&quot;top&quot;/&gt;&lt;/Container&gt;&lt;ContainercontainerID=&quot;com.sap.portal.reserved.layout.Cont5&quot;&gt;&lt;TableCellData width=&quot;25%&quot; height=&quot;100%&quot; colSpan=&quot;1&quot;vAlign=&quot;top&quot;/&gt;&lt;/Container&gt;&lt;/ContainersRow&gt;&lt;/PageLayout&gt;"/>
          </component-profile>
        </component>
            <component name="meli_layout">
                <component-config>
                    <property name="ClassName" value="com.sapportals.portal.pb.layout.PageLayout"/>
                    <property name="ResourceBundleName" value="pagebuilder_nls"/>
                    <property name="SafetyLevel" value="no_safety"/>
                </component-config>
                <component-profile>
                    <property name="ComponentType" value="com.sapportals.portal.layout"/>
                    <property name="TagLibSAPLayout" value="/SERVICE/com.sap.portal.pagebuilder/taglib/layout.tld"/>
                    <property name="TagLibSAPNavigation" value="/SERVICE/com.sap.portal.navigation.navigationtaglibrary/taglib/TagLibrary.tld"/>
                    <property name="com.sap.portal.pcm.Title" value="Meli Book Layout"/>
                    <property name="com.sap.portal.pcm.Description" value="Meli Book Layout"/>
                    <property name="com.sap.portal.reserved.layout.TemplateFile" value="meli_two_columns.jsp"/>
                    <property name="AuthScheme" value="anonymous"/>
                    <property name="com.sap.portal.reserved.layout.Cont1" value="top">
                        <property name="title" value="Left Column"/>
                        <property name="orientation" value="vertical"/>
                    </property>
                    <property name="com.sap.portal.reserved.layout.Cont2" value="top2">
                        <property name="title" value="Right Column"/>
                        <property name="orientation" value="vertical"/>
                    </property>
                    <property name="XML_Template" value="&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;&lt;PageLayout xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation=&quot;../xsd/PBlayout.xsd&quot; layoutID=&quot;pcd:portal_content/templates/pcc/layouts/1Top4Bottom_(100__25_25_25_25)&quot; pageID=&quot;1Top4Bottom&quot;&gt;&lt;CustomAttributes&gt;&lt;Attribute key=&quot;JSP_Template&quot; value=&quot;gpar:/1Top4BottomLayout/1Top4Bottom&quot; /&gt;&lt;/CustomAttributes&gt;&lt;TableLayout width=&quot;100%&quot; height=&quot;100%&quot; cols=&quot;2&quot; /&gt;&lt;ContainersRow&gt;&lt;Container containerID=&quot;testoSinistra&quot;&gt;&lt;TableCellData width=&quot;50%&quot; height=&quot;100%&quot; colSpan=&quot;1&quot; vAlign=&quot;top&quot; /&gt;&lt;/Container&gt;&lt;Container containerID=&quot;testoDestra&quot;&gt;&lt;TableCellData width=&quot;50%&quot; height=&quot;100%&quot; colSpan=&quot;1&quot; vAlign=&quot;top&quot; /&gt;&lt;/Container&gt;&lt;/ContainersRow&gt;&lt;/PageLayout&gt;"/>
                </component-profile>
            </component>
        </components>
    <services/>
    </application>
    <%@ taglib uri="prt:taglib:TagLibSAPLayout" prefix="lyt" %>
    <%@ taglib uri="prt:taglib:TagLibSAPNavigation" prefix="nav" %>
    <%@ page import="com.sapportals.portal.pb.layout.taglib.variabledef.RunMode" %>
    <lyt:template>
    <link rel="stylesheet" href="com.sap.km.cm.docs/meli_documents/Meli_common/Meli_css/meli_template_css.css" type="text/css"></link>
    <table border=0 cellSpacing=0 cellPadding=0 width="100%" height="100%">
        <tbody>   
            <tr>
                <td class="sfondo-testi-interni-dx" vAlign=top width="50%">
                    testo di prova cella 1
                    <lyt:container id="top" wrappingMethod="none" />
                </td>
                <td class="sfondo-testi-interni-sx" vAlign=top width="50%">
                    testo di prova cella 2
                    <lyt:container id="top2" wrappingMethod="none" />
                </td>
            </tr>
        </tbody>
    </table>
    </lyt:template>
    regards

  • Trouble creating custom AreaRenderer for AreaChart

    Quick first question: if I purchase the charting package, do
    I get the source code? That would certainly solve my problems.
    OK the real question: Does anyone have a quick example class
    that is a custom AreaRenderer for an AreaChart?
    I'm trying to create a custom AreaRenderer implementation.
    According to the docs, I need to implement the "AreaRenderer"
    interface (not IAreaRenderer (?)) which supposedly lives in
    mx.charts.renderers.interfaces but Flex Builder complains that the
    interface is not found.
    Link to the docs:
    http://livedocs.macromedia.com/flex/15/asdocs_en/mx/charts/renderers/interfaces/AreaRender er.html
    Alternatively I've tried simply extending AreaRenderer but
    the methods: beginDraw, draw and endDraw don't seem to be there or
    are not overridable?

    Ugh I always figure these things out just after I post. I've
    been banging my head on this for over a day too.
    Anyway, for anyone else all you do is extend ProgrammaticSkin
    and implement IDataRenderer. Here is my sample class:
    package
    import mx.core.IDataRenderer;
    import mx.skins.ProgrammaticSkin;
    import mx.charts.series.items.AreaSeriesItem;
    import mx.charts.series.renderData.AreaSeriesRenderData;
    import flash.display.Graphics;
    public class MyAreaRenderer extends ProgrammaticSkin
    implements IDataRenderer
    private var _data:AreaSeriesRenderData;
    public function get data():Object
    return _data;
    public function set data(d:Object):void
    _data = d as AreaSeriesRenderData;
    override protected function updateDisplayList(width:Number,
    height:Number):void
    super.updateDisplayList(width, height);
    var g:Graphics = graphics;
    g.clear();
    g.moveTo(width,height);
    g.beginFill(0xFF0000);
    for (var index:String in _data.filteredCache)
    var item:AreaSeriesItem = _data.filteredCache[index];
    g.lineTo(item.x, item.y);
    g.endFill();
    I'd still like to know if you get the source code to the
    charting package though.

  • Generating consistent height/width for items

    Hello,
    I have created an application module consisting of several nested groups that each contain several items. The layout of these items is either form or table. Although JHS generates all the pages efficiently, it takes the item display width as defined in their respective column length. This generates a page that does not look good visually. I tried changing the width at the view object layer and was successful in doing so. However, I had to change each item width one by one. This is very time consuming as my entire module has more than 200 items and I am yet to start building other modules.
    I read that JHS uses templates that can be customized as per ones convenience. However, I am not sure whether I can use this feature to do the above task which generating consistent widths for items. Can anyone guide me briefly on the process I should follow using template customizations to achieve the above?
    Thanks for your help.
    Regards,
    Amit

    Hello Zorazorius,
    Thank you for your inputs. I have gone through the JHS Guide section 4.7. I created custom template files and linked the item property for item to this custom template. This works.
    Regards,
    Amit

  • Flex datagrid automatic width?

    Hello,
    I'm currently attempting to use the datagrid component to
    display some information. This information will be pulled in
    externally, and I will not know the length of the content that will
    be in each row. Is there a way that I can get the width of the
    datagrid to automatically be the width of the row that has the most
    content? For example, if my data grid displays:
    this is row one
    this is row two
    this is row three... is has the most content....
    I would like the datagrid to be the width of row three
    (without scrollbars). I can't specifiy a width because I don't know
    how long the content will be, and specifying a width of 100% makes
    the datagrid wider than it needs to be. Any ideas?
    Thanks in advance for any advice.

    Hi Srilatha,
    DataGrid width is 100% and the main application width also 100%, So the
    DataGrid will try to occupy the whole window, when you do "restore down" &
    "maximize" Application width will change.. and it will effect DataGrid and
    its columns also. Try to give some fixed width for dataGrid and you can
    expect the result.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    height="100%" width="100%">
        <mx:Script>
            <![CDATA[
                import mx.core.ScrollPolicy;
                private var isVisible:Boolean = true;
                private function creationCompleteHandler():void
                    dataGrid.horizontalScrollPolicy = ScrollPolicy.ON;
                    artist.width = dataGrid.width * 0.40;
                    album.width = dataGrid.width * 0.50;
                    Price.width = dataGrid.width * 0.10;
                    dataGrid.horizontalScrollPolicy = ScrollPolicy.OFF;
            ]]>
        </mx:Script>
        <mx:DataGrid id="dataGrid" width="500" height="100%"
    creationComplete="creationCompleteHandler()">
            <mx:ArrayCollection>
                <mx:Object Artist="Pavement" Price="11.99"
                           Album="Slanted and Enchanted" />
                <mx:Object Artist="Pavement"
                           Album="Brighten the Corners" Price="11.99" />
            </mx:ArrayCollection>
            <mx:columns>
                <mx:DataGridColumn id="artist" dataField="Artist"/>
                <mx:DataGridColumn id="album" dataField="Album"
    visible=""/>
                <mx:DataGridColumn id="Price" dataField="Price" />
            </mx:columns>
        </mx:DataGrid>
    </mx:Application>
    Thanks
    Pradeep Reddy

  • Fit Custom Width won't go below 87%

    Right now I'm reading a book and I'm trying to find a comfortable zoom level. This is the problem I'm running into:
    1. Fit Single Page looks to be a zoom factor of about 40%. It's slightly too small for me.
    2. Fit Width look about 150%. It's far too big for me.
    3. Fit Custom Width won't go below 87% for this particular book and several other books I've tested.
    It seems that the most comfortable zoom level for me is in the 40% to 87% range, but I can't find a way to get there. Is there a way?
    Thanks,
    Harrie

    A quick (and rather unclassy) workaround is to set the the mode to single page fit and then adjust the size of the viewing window (the document should scale accordingly) to your liking. This will only bring the zoom level up to something good if you have a relatively large monitor. (Be sure to hide the side panel by clicking on the little arrow around half-way down the side panel). Hope that helps for now!

  • Iweb 09  custom slideshow for  .mac members?

    Im trying to use a different slideshow that the default one from Iweb09.
    Does anybody have any idea where and how to find or do this...??
    I already read the post about how to use custom slideshow for NOT .mac members...
    but for the .mac member cannot find any single web speaing about this...
    Help please!!
    Message was edited by: Colisnky

    Welcome to the discussions. .Mac was re-branded as MobileMe last July.
    One way is to create a QuickTime movie slideshow. Here's an example of a fast loading, looping embedded slideshow (not mine):
    http://www.heese-cadieux.com
    ...and done like this:
    iPhoto > select photos > File > Export... > QuickTime tab ...set width and height, etc.
    Then iWeb > Media button > Movies tab ...drag in your movie created above by iPhoto.
    Then iWeb > Inspector > QuickTime tab ...settings.
    Note: The above generates a QT slideshow of small file size and thus appears quickly in a web browser.

Maybe you are looking for