This is a migrated thread and some comments may be shown as answers.

[Solved] Text Format in radgrid

4 Answers 610 Views

Grid

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 28 Jan 2010, 12:06 PM

Hi Anu,

Browsers normally ignore white spaces in the HTML source, that's why you don't see them. You should either modify the strings before binding the RadGrid control, or modify them in the RadGrid ItemDataBound event, or set DataFormatString="<pre>{0}</pre>" for the respective column. You may need to add some font styles for the <pre> element so that it looks like the rest of the RadGrid content.

Here is how you can access a particular cell in ItemDataBound:
http://www.telerik.com/help/aspnet-ajax/grdaccessingcellsandrows.html

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 03 Feb 2010, 08:43 AM

Hello Anu,

Which textbox are you referring to?

By default, text inside a <pre> tag is wrapped only where there is a new line. If the text has new lines at too few places, you will have to use ItemDataBound to insert <br /> tags at the places where you want new lines (paragraphs) to appear in the browser.

<%@ Page Language="C#" %>

<%@ Import Namespace="System.Data" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

    protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

    {

        DataTable dt = new DataTable();

        DataRow dr;

        int colsNum = 1;

        int rowsNum = 2;

        string colName = "Column";

        for (int j = 1; j <= colsNum; j++)

        {

            dt.Columns.Add(String.Format("{0}{1}", colName, j));

        }

        for (int i = 1; i <= rowsNum; i++)

        {

            dr = dt.NewRow();

            for (int k = 1; k <= colsNum; k++)

            {

                dr[String.Format("{0}{1}", colName, k)] = String.Format(

@"{0}{1} {0}{1} {0}{1} {0}{1}

Row{2} Row{2} Row{2} Row{2}", colName, k, i);

            }

            dt.Rows.Add(dr);

        }

        (sender as RadGrid).DataSource = dt;

    }

    protected void RadGrid_ItemDataBound(object sender, GridItemEventArgs e)

    {

        if (e.Item is GridDataItem && !e.Item.IsInEditMode)

        {

            TableCell cell = (e.Item as GridDataItem)["Column1"];

            cell.Text = cell.Text.Replace("\n", "<br />");

        }

    }



</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">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadGrid

    ID="RadGrid1"

    runat="server"

    Width="200px"

    AutoGenerateColumns="false"

    OnNeedDataSource="RadGrid_NeedDataSource">

    <MasterTableView>

        <Columns>

            <telerik:GridBoundColumn DataField="Column1" HeaderText="Column" DataFormatString="<pre>{0}</pre>" />

        </Columns>

    </MasterTableView>

</telerik:RadGrid>

<br /><br />

<telerik:RadGrid

    ID="RadGrid2"

    runat="server"

    Width="200px"

    AutoGenerateColumns="false"

    OnNeedDataSource="RadGrid_NeedDataSource">

    <MasterTableView>

        <Columns>

            <telerik:GridBoundColumn DataField="Column1" HeaderText="Column" DataFormatString="<pre>{0}</pre>" />

        </Columns>

    </MasterTableView>

    <ClientSettings>

        <Scrolling AllowScroll="true" UseStaticHeaders="true" />

    </ClientSettings>

</telerik:RadGrid>

<br /><br />

<telerik:RadGrid

    ID="RadGrid3"

    runat="server"

    Width="200px"

    AutoGenerateColumns="false"

    OnItemDataBound="RadGrid_ItemDataBound"

    OnNeedDataSource="RadGrid_NeedDataSource">

    <MasterTableView>

        <Columns>

            <telerik:GridBoundColumn DataField="Column1" HeaderText="Column" />

        </Columns>

    </MasterTableView>

</telerik:RadGrid>

</form>

</body>

</html>

Regards,
Dimo
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.