RadGrid - hide cell texts on column width resize.

3 posts, 0 answers
  1. Sam Phen
    Sam Phen avatar
    10 posts
    Member since:
    Feb 2010

    Posted 31 Aug 2015 Link to this post

    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. Sam Phen
    Sam Phen avatar
    10 posts
    Member since:
    Feb 2010

    Posted 31 Aug 2015 Link to this post

    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;
     }

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Angel Petrov
    Admin
    Angel Petrov avatar
    1006 posts

    Posted 03 Sep 2015 Link to this post

    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
Back to Top