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