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

RadGrid - hide cell texts on column width resize.

2 Answers 72 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sam Phen
Top achievements
Rank 1
Sam Phen asked on 31 Aug 2015, 02:12 PM
Hello,

Requirement : User should be allowed to resize the column width manually(similar to how Excel columns can be adjusted by dragging the line between the columns to the left or right)

What I have implemented : I am using the "Resizing" property on the client side(attached Grid.ascx) and is working as expected.

Issue : After using "Resizing" I am able to resize the column. But, once I reduce the size of the width, the cell contents doesn't get hidden as per the width size. Please see the attached screenshot for better clarity.

As per my analysis, in the code behind ItemDataBound event, I am assigning css class dynamically which is causing this issue. Please see the Grid.ascx.vb in the attached rar file.

Please let me know if you need anything else.

 

Thanks,

Sam

2 Answers, 1 is accepted

Sort by
0
Sam Phen
Top achievements
Rank 1
answered on 31 Aug 2015, 05:06 PM

I am unable to attach the zip file. So pasting the code below:

Grid.ascx:

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ucEscrowRecsGrid.ascx.vb" Inherits="EagleStatusWeb.ucEscrowRecsGrid" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>
<%@ Register TagPrefix="cc1" Namespace="BC.Web.Controls" Assembly="BC.Web.Controls" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
 
     
    <telerik:RadPersistenceManager runat="server" ID="RadPersistenceManager1">
        <PersistenceSettings>
            <telerik:PersistenceSetting ControlID="dgEscrow" />
        </PersistenceSettings>
    </telerik:RadPersistenceManager>
    <asp:Literal ID="ltlCSS" runat="server"></asp:Literal>
    <table border="0" class="autoGrid" id="tblTopGridBlock" runat="server" style="width:900px;">
        <tr>
            <td>
                <h3><asp:Label ID="lblTract" runat="server" />
                <asp:Label ID="lblOpenBracket" runat="server" text="[" Visible="false" />
                <asp:Label ID="lblEscOfficer" runat="server" Visible="false" />
                <asp:Label ID="lblTitOfficer" runat="server" Visible="false" />
                <asp:Label ID="lblDREConsult" runat="server" Visible="false" />
                <asp:Label ID="lblCloseBracket" runat="server" text="]" Visible="false" />
                </h3>  
                <h5><asp:Label ID="lblCounty" runat="server" /></h5><br />
            </td>
            <td align="right">
                <table border="0">
                    <tr>
                        <td>
                            <table class="buttonBlock" id="tblSaveGridState" runat="server">
                                <tr>
                                    <td class="buttonGrayLeft"> </td>
                                    <td class="buttonGrayBlock">
                                        <input id="btnSaveGridState" name="btnSaveGridSate" value="Save State" type="button" runat="server" class="buttonGray" />
                                        <%--<asp:Button ID="btnSaveGridSate" runat="server" Text="Save State" OnClick="btnSaveGridSate_Click" />--%>
                                    </td>
                                    <td class="buttonGrayRight"> </td>
                                </tr>
                            </table>
                        </td>
                        <td width="2"> </td>
                        <td>
                            <table class="buttonBlock" id="tblBtnAddRec" runat="server">
                                <tr>
                                    <td class="buttonGrayLeft"> </td>
                                    <td class="buttonGrayBlock">
                                        <input id="btnAddRec" name="btnAddRec" value="Add File" type="button" runat="server" class="buttonGray" title="Add new File to this Community" />
                                    </td>
                                    <td class="buttonGrayRight"> </td>
                                </tr>
                            </table>
                        </td>
                        <td width="2"> </td>
                        <td>
                            <table class="buttonBlock" id="tblBtnHideUnhide" runat="server">
                                <tr>
                                    <td class="buttonGrayLeft"> </td>
                                    <td class="buttonGrayBlock">
                                        <input id="btnHideUnhide" name="btnHideUnhide" value="Hide/UnHide" type="button" runat="server" class="buttonGray" title="Hide/Unhide Columns for this Community" />
                                    </td>
                                    <td class="buttonGrayRight"> </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
<p>
    <span class="labelMessage"><asp:Literal ID="ltlGridStatus" runat="server"></asp:Literal></span>
</p>
<telerik:RadGrid ID="dgEscrow" runat="server" GridLines="None" EnableEmbeddedSkins="false" AutoGenerateColumns="false" ShowFooter="true" CssClass="esGridTable">
    <HeaderStyle Font-Bold="true" HorizontalAlign="Center" />
    <ClientSettings>
        <ClientEvents OnGridCreated="setScrollerDimensionsEscrow" />
        <Scrolling AllowScroll="true" SaveScrollPosition="true"  />
        <Resizing ClipCellContentOnResize="false" AllowColumnResize="True" EnableRealTimeResize="false" ResizeGridOnColumnResize="true" AllowResizeToFit="true"></Resizing>
    </ClientSettings>
</telerik:RadGrid>
<p>
    <table border="0" class="autoGrid" id="tblBottomGridBlock" runat="server" style="width:900px;">
        <tr>
            <td>
                <h5><asp:Label ID="lblRecCount" runat="server"></asp:Label></h5
            </td>
            <td width="50">
                <a id="lnkGoTop" runat="server" class="lnkGoTop" title="Go to Top of the page"> </a>
            </td>
        </tr>
    </table>
</p>
<div class="hr">
    <img alt="" src="Images/spacer.gif" />
</div>
<br />
 
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
    Sys.Application.add_load(pageLoad);
 
    function pageLoad() {
        debugger;
        //alert('I am hit');
        var grid = $find("<%= dgEscrow.ClientID %>");
        var columns = grid.get_masterTableView().get_columns();
        for (var i = 0; i < columns.length-1 ; i++) {
            columns[i].resizeToFit();
        }
        //add up the column width
        //get the grid width
        //if grid width is greater than sum of the column width - don't use resizeToFit()
    }
 
 
 </script>
</telerik:RadCodeBlock>

 

Grid.ascx.vb:

Imports System.Drawing
Imports System.Configuration.ConfigurationSettings
Imports System.Data.SqlClient
Imports EagleStatusWeb.SqlHelper
Imports BC.Web.Controls
Imports EagleStatusWeb.Converter
Imports BC.Web.Util.HttpUtil
Imports BC.Web.Security.BCUser
Imports EagleStatusWeb.ESGlobals
Imports EagleStatusWeb.AppUtil
Imports Microsoft.Security.Application.AntiXSSLibrary
Imports Telerik.Web.UI
 
Partial Class ucEscrowRecsGrid
    Inherits System.Web.UI.UserControl
 
#Region " Web Form Designer Generated Code "
 
    'This call is required by the Web Form Designer.
    <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()
 
    End Sub
 
    'NOTE: The following placeholder declaration is required by the Web Form Designer.
    'Do not delete or move it.
    Private designerPlaceholderDeclaration As System.Object
 
    Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
        'CODEGEN: This method call is required by the Web Form Designer
        'Do not modify it using the code editor.
        'TFS# 97331
        If Not Convert.ToInt16(CurrentUserSettings.EscrowFilesDisplay).Equals(0) Then
            dgEscrow.ViewStateMode = ViewStateMode.Disabled
        End If
        InitializeComponent()
        'TFS 96774
        FlagSet = Convert.ToInt16(CurrentUserSettings.EscrowGridHeader)
        If (FlagSet.Equals(1)) Then
            dgEscrow.ClientSettings.Scrolling.UseStaticHeaders = True
            ' dgEscrow.ClientSettings.Scrolling.FrozenColumnsCount = 3
        End If
    End Sub
 
#End Region
 
#Region " Private Constants "
 
    'Column Indexes
    Private Const m_iEscGidCol As Integer = 0
 
    'First column in DataTable (not DataGrid) to contain a dynamic field.
    'TFS 90866
    Private m_iDataTableFirstCustomCol As Integer = 20
 
    'TODO Setting column width not working consistently?
    Private Const m_iMinColWidth As Integer = 45
 
#End Region
 
#Region " Member Variables "
 
    Private m_iNotesCol As Integer = 0 'Holds notes column index.
    Protected m_bPrintMode As Boolean = False 'Protected so can be called in asp code.
    Private m_bShowNotes As Boolean = False
    Private dgDynamicPrintingCol As RadGrid
    Private strRowToolTip As String
    Dim m_iRowCounter As Integer
 
#End Region
 
#Region " Public Properties "
 
    Public Property TractGID() As Guid
        Get
            Return ParseToGuid(ViewState("TractGID"))
        End Get
        Set(ByVal Value As Guid)
            ViewState("TractGID") = Value
        End Set
    End Property
 
    'TFS 96774
    Protected usrPreference As Int32
    Public Property FlagSet As Int32
        Get
            Return usrPreference
        End Get
        Set(value As Int32)
            usrPreference = value
        End Set
    End Property
#End Region
 
#Region " Private Events "
 
    Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
        'Do nothing - gets called after BindDG when calling from seperate control.
        'TFS# 97331
        If (m_iRowCounter > 0) Then
            lblRecCount.Text = "File Count: " & m_iRowCounter.ToString
        End If
        If ParseToBool(Session("NoRecords")) = True Then
            lblRecCount.Text = ""
        End If
        m_iRowCounter = 0
        dgEscrow.ClientSettings.Scrolling.AllowScroll = Convert.ToBoolean(CurrentUserSettings.EscrowGridScrolling) 'TFS #84058
    End Sub
 
    Private Sub dgEscrow_ItemDataBound(ByVal sender As System.Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles dgEscrow.ItemDataBound
 
        dgEscrow.Columns(0).FooterText = "Totals: "
        If (e.Item.ItemType = Telerik.Web.UI.GridItemType.Item) OrElse (e.Item.ItemType = Telerik.Web.UI.GridItemType.AlternatingItem) Then
            Dim drv As DataRowView = DirectCast(e.Item.DataItem, DataRowView)
            'TFS 94423
            'Set Tooltip to grid row.
            Dim strFileDetail As String = "File #: " & (DirectCast(DirectCast((drv("File #_String")), Object), FieldValueMini).Value).ToString()
 
            Try
                'TFS 94423
                Dim xVal As FieldValueMini = DirectCast(DirectCast((drv("Buyer Name_String")), Object), FieldValueMini)
                If xVal.Value.ToString().Equals("") Then
                    strFileDetail = strFileDetail & ", " & vbCrLf & "Buyer Name: NIL"
                Else
                    strFileDetail = strFileDetail & ", " & vbCrLf & "Buyer Name: " & (xVal.ToolTip).ToString()
                End If
            Catch
            End Try
 
            ''e.Item.ToolTip = strRowToolTip & strFileDetail.Replace("'", "\'").Replace("&", "&").Replace("<", "<").Replace(">", ">")
 
            'Color cell gray for Status = "Closed". PD 5/3/07
            Dim sStatus As String = DirectCast(DirectCast(DirectCast((drv("Status_String")), Object), FieldValueMini).Value, String)
            If (sStatus.Equals("Closed")) Then
                e.Item.CssClass = "esGridRowClosed"
            ElseIf (sStatus.Equals("Cancelled")) Then
                e.Item.CssClass = "esGridRowCancelled"
            Else
                e.Item.CssClass = "esGridRow"
            End If
 
            If Not m_bPrintMode Then
                Dim sNavUrl As String = ContentUcLink("ucEscrowEdit", "&tractGID=" & ParseToGuidStr(drv("CommunityGID")) & "&gid=" & ParseToGuidStr(drv("EscrowGID")))
 
                'Add click functionality for each row.
                e.Item.Attributes("onclick") = "window.location='" & sNavUrl & "'"
            End If
 
            m_iRowCounter += 1
 
            For i = 0 To e.Item.Cells.Count - 1
                e.Item.Cells(i).ToolTip = strRowToolTip & strFileDetail.Replace("'", "\'").Replace("&", "&").Replace("<", "<").Replace(">", ">")
                Dim ColHeader() As String = DirectCast(e.Item.Cells(i), Telerik.Web.UI.GridTableCell).CellIndexHierarchical.Split("&")
                If ColHeader(1).ToString().Equals("Buyer Name_String") Then
                    Dim xVal As FieldValueMini = DirectCast(DirectCast((drv("Buyer Name_String")), Object), FieldValueMini)
                    If xVal.Value.Length > 20 Then
                        e.Item.Cells(i).ToolTip = ""
                        'e.Item().ToolTip = ""
                        'Else
                        '    e.Item.Cells(i).ToolTip = "Buyer Name: " & xVal.ToolTip
                    End If
                End If
                If ColHeader(1).ToString().Equals("Lender Name_String") Then
                    Dim xVal As FieldValueMini = DirectCast(DirectCast((drv("Lender Name_String")), Object), FieldValueMini)
                    'e.Item.Cells(i).ToolTip = "Lender Name: " & xVal.ToolTip
                    If xVal.Value.Length > 20 Then
                        e.Item.Cells(i).ToolTip = ""
                    End If
                End If
            Next
 
        ElseIf (e.Item.ItemType = Telerik.Web.UI.GridItemType.Footer) Then
            e.Item.CssClass = "esGridFooter"
            'When we get to footer process final items, Set rec count label.
            If (m_iRowCounter > 0) Then
                lblRecCount.Text = "File Count: " & m_iRowCounter.ToString
                'CR # 30 - Hbabu 07/29/09
                'TFS 108190: Reverting to old code to improve performance
                Session("TotalCount") = (Convert.ToInt32(Session("TotalCount")) + m_iRowCounter)
 
            End If
        ElseIf (e.Item.ItemType = Telerik.Web.UI.GridItemType.Header) Then
            e.Item.CssClass = "esGridHeader"
        End If
    End Sub
 
#End Region
 
#Region " Public Methods "
 
 
    'This gets called before page load since we're calling it from a seperate control.
    Public Sub BindDG(Optional ByVal isPrintPage As Boolean = False)
 
        m_bPrintMode = Convert.ToBoolean(Request.QueryString("print"))
 
        'Don't show this control if no records
        If TractGID.Equals(Guid.Empty) Then
            Me.Visible = False
        Else
            If Session("SelectedCommunitiy") Is Nothing Then
                lblTract.Text = "Community: " & Tract.GetTractNum(TractGID)
            Else
                lblTract.Text = "Community: " & Session("SelectedCommunitiy").ToString()
            End If
 
            lblTract.Attributes.Add("title", "Builder: " & Server.HtmlEncode(Session("BuilderName").ToString()).Replace("'", "\'").Replace("&", "&").Replace("<", "<").Replace(">", ">"))
 
            lnkGoTop.Attributes("href") = Request.RawUrl & "#absTop" 'TFS #75777
 
            'Added by Bhagyesh for Excel Export
            Session("communityName") = lblTract.Text.Replace("Community: ", "")
 
            'Shows All UserTitles and County Details
            ShowUserTitles()
 
            Dim edt As New EscrowDataTable(TractGID)
            Dim dt As DataTable = edt.GetDataTable
            Dim dv As DataView = dt.DefaultView
 
            If (dv.Count = 0) Then
                'TFS# 97331
                Session("NoRecords") = True
                If (Convert.ToBoolean(Session("DiableExcel"))) Then
                    Session("DiableExcel") = True
                Else
                    Session("DiableExcel") = False
                End If
                dgEscrow.Visible = False
                btnHideUnhide.Disabled = True
                btnHideUnhide.Attributes("class") = "buttonGrayDisabled"
                dgEscrow.Visible = False
                Dim strDBMessage As String = edt.CommunityfeildCheck(TractGID)
                If (strDBMessage.Equals("")) Then
                    ltlGridStatus.Text = "No Files resulted for the search!"
                Else
                    ltlGridStatus.Text = strDBMessage
                End If
            Else
                'Sometimes this function gets run through twice after a sort. Make sure we're not duplicating columns.
                Session("NoRecords") = False
                Static bDynamicColumnsAdded As Boolean = False
 
                If (Not bDynamicColumnsAdded) Then
                    AddDynamicColumns(dt)
                    bDynamicColumnsAdded = True
                End If
 
                With dgEscrow
                    .CellSpacing = 0
                    .ItemStyle.CssClass = "esGridRow"
                    .AlternatingItemStyle.CssClass = "esGridRow"
                    If m_bPrintMode Then
                        .BorderWidth = Unit.Pixel(1)
                        .BorderColor = Color.FromName("#999999")
                        btnAddRec.Visible = False
                        btnHideUnhide.Visible = False
                        tblBtnAddRec.Visible = False
                        tblBtnHideUnhide.Visible = False
                        lnkGoTop.Visible = False
                        dgEscrow.Visible = True
                    Else
                        .BorderWidth = Unit.Pixel(0)
                    End If
                End With
 
                'Code Added By Bhagyesh - Sort
                'Get sort from session.
                Dim sOrderBy As String = CurrentUserSettings.SortOrderExpression.Split(":")(0)
                If (String.IsNullOrWhiteSpace(sOrderBy)) Then 'TFS #84058
                    sOrderBy = "escEscrowNum" 'Default sort
                End If
                'TFS# 90866
                If sOrderBy.Equals("RecentUpdates") Then
                    sOrderBy = sOrderBy + " DESC"
                End If
                dv.Sort = sOrderBy
                dgEscrow.DataSource = dv
                dgEscrow.DataBind()
            End If
        End If
 
        btnAddRec.Attributes.Add("onclick", "gotoURL('Main.aspx?uc=ucEscrowEdit&new=true&tractGID=" & TractGID.ToString & "', false);")
        btnAddRec.Visible = IsInRole("EscrowModify") AndAlso (Not m_bPrintMode)
        tblBtnAddRec.Visible = btnAddRec.Visible
 
        btnHideUnhide.Attributes.Add("onclick", "hideUnhidePopup('" & TractGID.ToString & "');")
        btnHideUnhide.Visible = (Not m_bPrintMode)
        tblBtnHideUnhide.Visible = btnHideUnhide.Visible
        If (btnHideUnhide.Visible = False) Then
            lnkGoTop.Visible = False
            dgEscrow.Visible = True
        End If
 
 
    End Sub
 
#End Region
 
#Region " Private Methods "
 
    'Add formatted columns for each dynamic column in the datatable.
    Private Sub AddDynamicColumns(ByVal dt As DataTable)
        'Skip to dynamic columns.
        Dim InvisibleCount As Integer = 0
        For Each col As DataColumn In dt.Columns
            If (col.Ordinal >= m_iDataTableFirstCustomCol) Then
 
                'LOAD extended properties to use in custom datagrid columns & set initially in EscrowDataTable.GetDataTable method.
                Dim sDataType As String = Convert.ToString(col.ExtendedProperties("CustomDataType"))
                Dim iFCN As Integer = Integer.Parse(col.ExtendedProperties("FCN"))
                Dim bExtView As Boolean = Convert.ToBoolean(col.ExtendedProperties("ExtView"))
                Dim Hide As Boolean = Convert.ToBoolean(col.ExtendedProperties("IsHidden"))
                Dim strHeader As String = Convert.ToString(col.ExtendedProperties("ColHeader"))
                'Create new custom bound column.
                Dim boundCol As New fascBoundColumn
                With boundCol
                    .DataType = sDataType
                    .FCN = iFCN
                    .PrintMode = m_bPrintMode
                    .DataField = col.ColumnName
                    .HeaderText = strHeader
                    If (Hide = True) Then
                        .Visible = False
                    End If
                    'Format alignment according to data type.
                    Select Case sDataType
                        Case "String"
                            .ItemStyle.HorizontalAlign = HorizontalAlign.Left
 
                        Case "Date", "DateAndTime", "Boolean"
                            .ItemStyle.HorizontalAlign = HorizontalAlign.Center
 
                        Case "Money", "Integer"
                            .ItemStyle.HorizontalAlign = HorizontalAlign.Right
                            .FooterStyle.HorizontalAlign = HorizontalAlign.Right
                    End Select
                End With
 
                'Don't show column to external users if marked.
                If (Not IsInRole("EscrowModify")) AndAlso (bExtView = False) Then
                    boundCol.Visible = False
                End If
                dgEscrow.Columns.Add(boundCol)
 
                If boundCol.Visible = False Then
                    InvisibleCount = InvisibleCount + 1
                End If
            End If
        Next
 
        If dgEscrow.Columns.Count = InvisibleCount Then
            If (Convert.ToBoolean(Session("DiableExcel"))) Then
                Session("DiableExcel") = True
            End If
            ltlGridStatus.Text = "All columns are Hidden for this community!"
            dgEscrow.Visible = False
        Else
            Session("DiableExcel") = False
        End If
    End Sub
 
    Private Sub AddRightSideColumns()
        Dim colCloseDate As New BoundField
        With colCloseDate
            .DataField = "CloseDate"
            .HeaderText = "Close Date"
            .ItemStyle.Wrap = False
            .ItemStyle.HorizontalAlign = HorizontalAlign.Center
        End With
 
        dgEscrow.Columns.Add(colCloseDate)
 
        Dim colStatus As New BoundField
        With colStatus
            .DataField = "Status"
            .HeaderText = "Status"
            .ItemStyle.Wrap = False
            .ItemStyle.HorizontalAlign = HorizontalAlign.Center
        End With
 
        dgEscrow.Columns.Add(colStatus)
 
        Dim colNotes As New TemplateField
        With colNotes
            .ItemTemplate = LoadTemplate("~/MiscUCs/ucNotesDataGridColumn.ascx")
            .HeaderText = "Notes"
            .HeaderStyle.VerticalAlign = VerticalAlign.Bottom
        End With
 
        dgEscrow.Columns.Add(colNotes)
 
        'Set notes column index now after being added.
        m_iNotesCol = (dgEscrow.Columns.Count - 1)
    End Sub
 
    ''' <summary>
    ''' TFS #84058: Set grid scrolling from User Settings
    ''' </summary>
    Private Sub SetFrozenColumns()
        'If Convert.ToBoolean(CurrentUserSettings.EscrowGridScrolling) = True Then
        '    dgEscrow.ClientSettings.Scrolling.FrozenColumnsCount = 3
        'Else
        '    dgEscrow.ClientSettings.Scrolling.FrozenColumnsCount = 0
        'End If
    End Sub
    ''' <summary>
    '''TFS 95412  Getting Title Information on Display Files Page
    ''' </summary>
    ''' <remarks></remarks>
    Private Sub ShowUserTitles()
        Dim dsUserTitleDetails As DataSet
        dsUserTitleDetails = Tract.GetUserTitleDetails(TractGID)
        Dim dtUserTitleDetails As DataTable
        dtUserTitleDetails = dsUserTitleDetails.Tables(0)
        Dim dtCountyDetails As DataTable
        dtCountyDetails = dsUserTitleDetails.Tables(1)
        'County Details
        If dtCountyDetails.Rows.Count > 0 Then
            Me.lblCounty.Text = HtmlEncode("County: " + dtCountyDetails.Rows(0)("CountyName").ToString())
        End If
        If dtUserTitleDetails.Rows.Count > 0 Then
            Dim bEOAdded As Boolean = False
            Dim bTOAdded As Boolean = False
            Dim bDREAdded As Boolean = False
            dtUserTitleDetails.DefaultView.RowFilter = "(TitleName = 'Escrow Officer')"
 
            'TFS 106998
            If (dtUserTitleDetails.DefaultView.Count > 0) Then
                lblEscOfficer.Visible = True
                lblEscOfficer.Attributes.Add("title", dtUserTitleDetails.DefaultView(0)("Address"))
                lblEscOfficer.Text = dtUserTitleDetails.DefaultView(0)("FullName") + ", "
                bEOAdded = True
            End If
 
            dtUserTitleDetails.DefaultView.RowFilter = "(TitleName = 'Title Officer')"
            If (dtUserTitleDetails.DefaultView.Count > 0) Then
                lblTitOfficer.Visible = True
                lblTitOfficer.Attributes.Add("title", dtUserTitleDetails.DefaultView(0)("Address"))
                lblTitOfficer.Text = dtUserTitleDetails.DefaultView(0)("FullName") + ", "
                bTOAdded = True
            End If
 
            dtUserTitleDetails.DefaultView.RowFilter = "(TitleName = 'DRE Consultant')"
            If (dtUserTitleDetails.DefaultView.Count > 0) Then
                lblDREConsult.Visible = True
                lblDREConsult.Attributes.Add("title", dtUserTitleDetails.DefaultView(0)("Address"))
                lblDREConsult.Text = dtUserTitleDetails.DefaultView(0)("FullName")
                bDREAdded = True
            End If
            If (bEOAdded Or bTOAdded Or bDREAdded) Then
                lblOpenBracket.Visible = True
                lblCloseBracket.Visible = True
            End If
 
            If (bEOAdded) Then
                If (Not (bTOAdded) And Not (bDREAdded)) Then
                    lblEscOfficer.Text = lblEscOfficer.Text.Remove(lblEscOfficer.Text.Length - 2, 2)
                End If
            End If
 
            If (bTOAdded) Then
                If (Not (bDREAdded)) Then
                    lblTitOfficer.Text = lblTitOfficer.Text.Remove(lblTitOfficer.Text.Length - 2, 2)
                End If
            End If
        End If
    End Sub
#End Region
 
End Class

 

Control.css:

p
{
    padding:0;
    margin:0;
}
 
tr.spaceUnder > td
{
  padding-bottom: 1em;
}
 
td, th
{
    vertical-align:middle;
}
label
{
    padding:0 5px 0 2px;
    vertical-align:middle;
}
#content
{
    width:93%;
}
 
.setTD
    {
        width: 115px;
    }
 
.labelNormal, td.labelNormal, span.labelNormal, .labelNormal label
{
    color:#767676;
    font-size:13px;
    font-weight:bold;
    white-space:nowrap;
    text-align:left;
    padding:0 0 0 2px;
    vertical-align:middle;
    margin:1px 0 1px 0;
}
 
.labelHighlight
{
    color:#036C96;
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
    text-align:left;
    padding:0 0 0 2px;
    vertical-align:top;
    margin:1px 0 1px 0;
}
 
.labelPlain
{
    margin-left:5px;
    display:block;
}
 
input, textarea, select
{
    color:#585858;
    font-family:arial, helvetica, clean, sans-serif;
    vertical-align:middle;
}
textarea.multiText
{
    width:300px;
    height:55px;
}
input.required
{
    background-color:#ffefef;
    border:solid 1px #aa8888;
    padding:1px;
}
select.required
{
    background-color:#ffefef;
    border:solid 1px #aa8888;
}
table.autoGrid
{
    width:100%;
    clear:both;
    min-width:830px;
}
table.controlGrid
{
    border-collapse:collapse;
    border:none 0px;
    background-color:transparent;
    padding-left:10px;
    width:auto;
    margin:0;
}
table.controlGrid tr
{
    background-color:transparent;
    padding:0;
    margin:0;
}
table.controlGrid td, table.controlGrid th
{
    height:35px;
    vertical-align:middle;
    padding:0 8px 0 3px;
    margin:0;
}
.gridMultiText
{
    margin-top:5px;
    margin-bottom:5px;
    width:250px;
    height:40px;
}
.labelStatus, .labelMessage
{
    color:#e62e1f;
    font-weight:bold;
    position:static;
}
.labelBlue
{
    color:#013a6f;
    font-size:14px;
    font-weight:bold;
}
.devModeIndicator
{
    color:#e62e1f;
    background-color:#ffffff;
    font-weight:bold;
    border:1px solid;
    border-color:#dfdfdf #c6c6c6 #c6c6c6 #dfdfdf;
    padding:3px;
    vertical-align:middle;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
    z-index:1001;
}
#fontSwitcher
{
    vertical-align:top;
    padding-bottom:5px;
}
#lblUserName
{
    color:#013a6f;
    text-transform:uppercase;
}
#A3, #A4, #A5
{
    text-decoration:none;
    height:25px;
    vertical-align:middle;
}
#A3
{
    color:#555555;
    font-size:11px;
}
#A4
{
    color:#777777;
    font-size:14px;
}
#A5
{
    color:#999999;
    font-size:17px;
}
a.lnkGoTop
{
    border:0px none;
    display:block;
    width:40px;
    height:20px;
    margin-left:auto;
    margin-right:0px;
    background: url(../images/go-top.png);
}
 
/* Button Rules */
table.buttonBlock
{
    border:none 0px;
    border-collapse:collapse;
    background-color:Transparent;
    display:block;
    padding:0;
    margin:3px 0 0 2px;
    height:25px;
    width:auto;
}
table.buttonBlock td
{
    height:25px;
    padding:0;
    margin:0;
}
.buttonGrayBlock
{
    border:0;
    padding:0;
    margin:0;
    height:25px;
    background:url(../Images/button-center.png) repeat-x;
}
.buttonGray
{
    border:0 none;
    padding:0;
    margin:0;
    height:25px;
    font-weight:bold;
    cursor:pointer;
    color:#444444;
    background:transparent;
    vertical-align:middle;
}
.buttonGrayDisabled
{
    border:0 none;
    padding:0;
    margin:0;
    height:25px;
    font-weight:bold;
    cursor:default;
    color:#aaaaaa;
    background:transparent;
}
.buttonGrayLeft
{
    border:0;
    padding:0;
    margin:0;
    height:25px;
    width:8px;
    background:url(../Images/button-left.png) no-repeat;
    vertical-align:top;
}
.buttonGrayRight
{
    border:0;
    padding:0;
    margin:0;
    height:25px;
    width:8px;
    background:url(../Images/button-right.png) no-repeat;
    vertical-align:top;
}
/* Old Escrow Grid Rules */
.esGridTableOld
{
    display:block;
    background:#ffffff;
    border:0 none;
    border-collapse:collapse;
}
.esGridTableOld tr.esGridRow, .esGridTableOld tr.esGridRowClosed, .esGridTableOld tr.esGridRowCancelled
{
    cursor:pointer;
}
.esGridTableOld tr.esGridHeader, .esGridTableOld tr.esGridFooter
{
    cursor:default;
}
.esGridTableOld tr.esGridRow:hover, .esGridTableOld tr.esGridRowClosed:hover, .esGridTableOld tr.esGridRowCancelled:hover
{
    background-color:#ffffdd;
}
.esGridTableOld .esGridHeader td, .esGridTableOld .esGridHeader th
{
    background-color:#888888;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    padding:4px 5px 4px 5px;
    border-bottom:solid 1px #444444;
    border-right:solid 1px #666666;
    white-space:nowrap;
    text-align:center;
}
.esGridTableOld .esGridHeader
{
    position:relative;
    top:expression(this.offsetParent.scrollTop);
}
.esGridTableOld .esGridHeader a
{
    color:#ffffff;
}
.esGridTableOld .esGridRow
{
    background-color:#ffffff;
}
.esGridTableOld .esGridRow td
{
    background-color:inherit;
    color:#444444;
    font-size:11px;
    font-weight:normal;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #dddddd;
    border-right:solid 1px #cccccc;
    white-space:nowrap;
}
.esGridTableOld .esGridRowClosed
{
    background-color:#d5d5d5;
}
.esGridTableOld .esGridRowClosed td
{
    background-color:inherit;
    color:#000000;
    font-size:11px;
    font-weight:normal;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #aaaaaa;
    border-right:solid 1px #aaaaaa;
    white-space:nowrap;
}
.esGridTableOld .esGridRowCancelled
{
    background-color:#fececc;
}
.esGridTableOld .esGridRowCancelled td
{
    background-color:inherit;
    color:#440000;
    font-size:11px;
    font-weight:normal;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #ccacaa;
    border-right:solid 1px #ddbdbb;
    white-space:nowrap;
}
.esGridTableOld .esGridFooter
{
    background-color:#dadfee;
}
.esGridTableOld .esGridFooter td
{
    background-color:inherit;
    color:#013a6f;
    font-size:11px;
    font-weight:bold;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
}
 
/* Escrow Grid Rules */
.esGridTable
{
    display:block;
    background:transparent;
    border:0 none;
    border-collapse:collapse;
}
.esGridHeader, .rgHeader
{
    background-color:#888888;
    color:#ffffff;
    cursor:default;
    font-weight:bold;
    padding:4px auto 4px auto;
    border-bottom:solid 1px #444444;
    border-right:solid 1px #666666;
    text-align:center;
    white-space:nowrap;
    width:auto;
}
.esGridHeader a, .rgHeader a
{
    color:#ffffff;
}
.esGridRow
{
    background-color:#ffffff;
}
.esGridRow:hover, .esGridRowClosed:hover, .esGridRowCancelled:hover
{
    background-color:#ffffdd;
    cursor:pointer;
}
.esGridRow td
{
    background-color:inherit;
    color:#444444;
    font-weight:normal;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #dddddd;
    border-right:solid 1px #cccccc;
    white-space:nowrap;
    overflow:hidden;
}
.esGridRowClosed
{
    background-color:#d5d5d5;
}
.esGridRowClosed td
{
    background-color:inherit;
    color:#000000;
    font-weight:normal;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #aaaaaa;
    border-right:solid 1px #aaaaaa;
    white-space:nowrap;
    overflow:hidden;
}
.esGridRowCancelled
{
    background-color:#fececc;
}
.esGridRowCancelled td
{
    background-color:inherit;
    color:#440000;
    font-weight:normal;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #ccacaa;
    border-right:solid 1px #ddbdbb;
    white-space:nowrap;
    overflow:hidden;
}
.esGridFooter
{
    background-color:#dadfee;
    cursor:default;
}
.esGridFooter td
{
    background-color:inherit;
    color:#013a6f;
    font-weight:bold;
    padding: 2px 5px 2px 5px;
    border-bottom: solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
    overflow:hidden;
}
 
/* Controls Grid Rules */
.esControlsGridBlock
{
    display:inline-block;
    width:auto;
    border-width:1px;
    border-color:#aaaaaa #666666 #666666 #aaaaaa;
    background-color:inherit;
    overflow:auto;
}
.esControlsGridTable
{
    display:block;
    width:auto;
    background:#f3f3f3;
    border:0 none;
    border-collapse:collapse;
    width:100%;
}
.esControlsGridTable .esControlsGridHeader
{
    /*position:relative;
    top:expression(this.offsetParent.scrollTop);*/
}
.esControlsGridTable .esControlsGridHeader td, .esControlsGridTable .esControlsGridHeader th
{
    background-color:#888888;
    border-style:solid;
    border-width:1px;
    border-color:#aaaaaa #aaaaaa #666666 #aaaaaa;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    padding:0 8px 0 8px;
    white-space:nowrap;
    height:25px;
    vertical-align:middle;
    overflow:hidden;
}
.esControlsGridTable .esControlsGridHeader a
{
    color:#ffffff;
}
.esControlsGridTable .esControlsGridRow td
{
    background-color:#ffffff;
    color:#444444;
    font-size:12px;
    font-weight:normal;
    padding:0 8px 0 8px;
    border-bottom: solid 1px #bbbbbb;
    border-left:solid 1px #bbbbbb;
    border-right:solid 1px #bbbbbb;
    white-space:nowrap;
    height:30px;
    vertical-align:middle;
    overflow:hidden;
}
.esControlsGridTable .esControlsGridAltRow td
{
    background-color:#dadfee;
    color:#444444;
    font-size:12px;
    font-weight:normal;
    padding:0 8px 0 8px;
    border-bottom: solid 1px #bbbbbb;
    border-left:solid 1px #bbbbbb;
    border-right:solid 1px #bbbbbb;
    white-space:nowrap;
    height:30px;
    vertical-align:middle;
    overflow:hidden;
}
.esControlsGridRow table, .esControlsGridAltRow table
{
    border:solid 2px transparent;
    border-collapse:collapse;
    padding:0;
    margin:0;
}
span.FCNLabel, span.FCNLabel span
{
    color: #ff0000;
}
.esGridRowCancelled span.FCNLabel, .esGridRowCancelled span.FCNLabel span
{
    color: #000000;
}
.divScrollSub
{
    display:block;
    overflow-y:scroll;
}
.glossary td
{
    background-color:#ffffee;
    text-align:center;
    vertical-align:middle;
    border: solid 2px #cccccc;
    border-right-color: #888888;
    border-bottom-color: #888888;
    font-weight:bold;
    width:22px;
    height:22px;
}
.glossary td.selected
{
    background-color:#eeff77;
    color:#e62e1f;
    text-decoration:none;
}
/* Overridden */
h3
{
    cursor:pointer;
}
/* Reports */
.reportContent
{
    font-family:Arial, Verdana, helvetica;
    font-size:12px;
    width:100%;
    height:100%;
    overflow:auto;
    overflow-x:scroll;
}
.esControlsGridTable .GrdSelected td
{
    background-color: #FFFFD2;
    color: Red;
    font-size: 14px;
    font-family:Arial, Verdana, helvetica;
    font-weight: normal;
    padding: 0 8px 0 8px;
    border-bottom: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
    border-right: solid 1px #bbbbbb;
    white-space: nowrap;
    height: 30px;
    vertical-align: middle;
    overflow:hidden;
}
 .chddiv
 {
  padding-bottom: 20px;
  padding-left:100px;
  width:750px;
  padding-right:80px;
  background:white;
  height:100%;
  padding-top:20px;
  margin-top:57px;
 }

0
Angel Petrov
Telerik team
answered on 03 Sep 2015, 08:18 AM
Hello Sam,

Please remove the white-space: nowrap rules from the CSS and test whether this resolves the matter. If it does not please send us a sample that we can inspect.

Regards,
Angel Petrov
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Grid
Asked by
Sam Phen
Top achievements
Rank 1
Answers by
Sam Phen
Top achievements
Rank 1
Angel Petrov
Telerik team
Share this question
or