[CLOSED] RowEditor font size

  1. #1

    [CLOSED] RowEditor font size

    hi guys,
    I see vlad fixed the date format. But I want to change the font size too. Can you tell me how

    Thank you guys
  2. #2

    RE: [CLOSED] RowEditor font size

    Hi,

    Just use appropriate renderer to change font (at least for me the font size fine). For example just return from the renderer
    return "span style='font-size:10px;'>"+value+"";

    Also if you need different renderer for grid's cell and row editor then use
    function renderer(value, meta, record){if(meta.isRowEditor}{...}}
  3. #3

    RE: [CLOSED] RowEditor font size

    Thank you vlad

    I used your code. The first line worked fine for <ext:Column> But it didn't work work for date column <ext:DateColumn> I tried meta.isRowEditor I get undefined. If if alert(meta) I get back [object][object]




    var renderer=function(value,meta,record)





    {








    alert(meta.isRowEditor);


    return ""+value+"";





    }
  4. #4

    RE: [CLOSED] RowEditor font size

    Hi,

    Specialized columns like DateColumn/BooleanColumn/NumberColumn/TemplateColumn don't allow custom renderer. Need use simple Column


    About meta.isRowEditor. This field available when RowEditor calls renderer only. If you still don't see it then please update from SVN
  5. #5

    RE: [CLOSED] RowEditor font size

    Hi,

    We have added PreEdit event for the RowEditor. You can set own value and css class for each field inside RowEditor
    Please see the following sample
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                this.GridPanel1.Store.Primary.DataSource = new object[]
                {
                    new object[] {true, DateTime.Now, 1},
                    new object[] {false, DateTime.Now.AddDays(-1), 2},
                    new object[] {true, DateTime.Now.AddDays(-2), 3},
                    new object[] {false, DateTime.Now.AddDays(-3), 4},
                    new object[] {true, DateTime.Now.AddDays(-4), 5}
                };
    
                this.GridPanel1.Store.Primary.DataBind();
            }
        }
    </script>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Columns Variations - Ext.NET Examples</title>
        <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />    
        
        <style type="text/css">
            .redlabel{
                color:red;
                font-size:9px;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            
            <ext:GridPanel 
                ID="GridPanel1" 
                runat="server" 
                StripeRows="true"
                Title="Column Variations" 
                DisableSelection="true"
                Width="600" 
                Height="350">
                <Store>
                    <ext:Store runat="server">
                        <Reader>
                            <ext:ArrayReader>
                                <Fields>
                                    <ext:RecordField Name="booleanCol" Type="Boolean" />
                                    <ext:RecordField Name="dateCol" Type="Date" />
                                    <ext:RecordField Name="numberCol" Type="Int" />
                                </Fields>
                            </ext:ArrayReader>
                        </Reader>
                    </ext:Store>
                </Store>
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column DataIndex="numberCol">                        
                        </ext:Column>
                        <ext:BooleanColumn DataIndex="booleanCol" Header="Boolean" />
                        <ext:DateColumn DataIndex="dateCol" Header="Date">
                        </ext:DateColumn>
                        <ext:NumberColumn DataIndex="numberCol" Header="Number" Format="0.00">
                            <Editor>
                                <ext:NumberField runat="server" />
                            </Editor>
                        </ext:NumberColumn>
                        
                    </Columns>
                </ColumnModel>
                <Plugins>
                    <ext:RowEditor runat="server">
                        <Listeners>
                            
                        </Listeners>
                    </ext:RowEditor>
                </Plugins>
            </ext:GridPanel>  
        </form>
    </body>
    </html>
  6. #6

    RE: [CLOSED] RowEditor font size

    This worked perfect thank you so much

Similar Threads

  1. Font Size Change
    By megang in forum 1.x Help
    Replies: 1
    Last Post: Apr 09, 2012, 10:02 AM
  2. [CLOSED] increase font size
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 29, 2011, 7:04 AM
  3. [CLOSED] reduce button font size
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 13, 2011, 10:32 AM
  4. Modify font-size in GridPanel
    By John_Writers in forum 1.x Help
    Replies: 0
    Last Post: Apr 28, 2010, 5:26 AM
  5. [CLOSED] how to change grid font size
    By sharif in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 16, 2010, 1:35 PM

Posting Permissions