Hello,
I have a page with a masterpage that has a set of Radmenu items, when i add a couple radgrids to the page and enable the AllowFilteringByColumn option, it causes the Radmenu to display incorrectly. Is there some way i can allow filtering without messing up the menu?
I'm using telerick UI for asp.net ajax version 2016.3.1027.45
I'm attaching a screenshot showing the difference.
Here is the code.
Thanks!
Master Page:
01.
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="OpenCall.master.vb"
02.
Inherits="ListManagement.OpenCall" %>
03.
04.
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
05.
06.
<!DOCTYPE html>
07.
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
08.
<
head
runat
=
"server"
>
09.
<
title
></
title
>
10.
<
asp:ContentPlaceHolder
ID
=
"head"
runat
=
"server"
>
11.
</
asp:ContentPlaceHolder
>
12.
<
link
href
=
"../Styles/style.css"
rel
=
"stylesheet"
/>
13.
</
head
>
14.
<
body
>
15.
<
form
id
=
"form1"
runat
=
"server"
class
=
"noselect"
>
16.
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
></
telerik:RadScriptManager
>
17.
<
div
id
=
"header_container"
>
18.
<
div
class
=
"logo"
>
19.
<
asp:ImageMap
ID
=
"ImageMap1"
runat
=
"server"
ImageUrl
=
"~/Images/Canonlogo.gif"
></
asp:ImageMap
>
20.
</
div
>
21.
<
div
id
=
"header"
>
22.
23.
24.
<
h2
>List Manager</
h2
>
25.
</
div
>
26.
<
div
id
=
"main-nav"
>
27.
<
telerik:RadMenu
ID
=
"menu"
runat
=
"server"
DataFieldID
=
"Title"
Style
=
"z-index:2900"
28.
DataNavigateUrlField
=
"Url"
DataSourceID
=
"RadSiteMapDataSource1"
ToolTip
=
"Menu"
29.
DataTextField
=
"Title"
30.
EnableTheming
=
"True"
Skin
=
"Windows7"
Font-Bold
=
"True"
RenderMode
=
"Classic"
Visible
=
"False"
>
31.
</
telerik:RadMenu
>
32.
<
telerik:RadSiteMapDataSource
ID
=
"RadSiteMapDataSource1"
runat
=
"server"
SiteMapFile
=
"Web.sitemap"
33.
ShowStartingNode
=
"False"
SiteMapProvider
=
"NADSiteMap"
></
telerik:RadSiteMapDataSource
>
34.
<
telerik:RadMenu
ID
=
"AgentMenu"
runat
=
"server"
DataFieldID
=
"Title"
Style
=
"z-index:2900"
35.
DataNavigateUrlField
=
"Url"
DataSourceID
=
"RadSiteMapDataSource2"
ToolTip
=
"Menu"
36.
DataTextField
=
"Title"
37.
EnableTheming
=
"True"
Skin
=
"Windows7"
Font-Bold
=
"True"
RenderMode
=
"Classic"
Visible
=
"False"
>
38.
</
telerik:RadMenu
>
39.
<
telerik:RadSiteMapDataSource
ID
=
"RadSiteMapDataSource2"
runat
=
"server"
SiteMapFile
=
"Web.sitemap"
40.
ShowStartingNode
=
"False"
SiteMapProvider
=
"AgentSiteMap"
></
telerik:RadSiteMapDataSource
>
41.
</
div
>
42.
</
div
>
43.
<
asp:Label
ID
=
"Msg"
runat
=
"server"
Text
=
""
></
asp:Label
>
44.
<
div
id
=
"site_content"
runat
=
"server"
>
45.
46.
<
asp:ContentPlaceHolder
ID
=
"ContentPlaceHolder1"
runat
=
"server"
>
47.
</
asp:ContentPlaceHolder
>
48.
49.
</
div
>
50.
<
div
id
=
"footer_container"
class
=
"noselect"
>
51.
<
p
>
52.
© <%: DateTime.Now.Year %> - Outbound Dialing List Manager
53.
</
p
>
54.
</
div
>
55.
56.
</
form
>
57.
</
body
>
58.
</
html
>
Grids.aspx
01.
<%@ Page Title="" Language="vb" AutoEventWireup="true" MasterPageFile="~/MasterPages/OpenCall.Master"
02.
CodeBehind="Grids.aspx.vb" Inherits="ListManagement.Grids" %>
03.
04.
05.
<
asp:Content
ID
=
"Content1"
ContentPlaceHolderID
=
"head"
runat
=
"server"
>
06.
</
asp:Content
>
07.
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"ContentPlaceHolder1"
runat
=
"server"
>
08.
<
div
style
=
"width: 100%"
>
09.
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
DataSourceID
=
"LMData"
AllowFilteringByColumn
=
"true"
AllowMultiRowSelection
=
"true"
10.
Height
=
"600px"
GroupingSettings-CaseSensitive
=
"false"
Skin
=
"Windows7"
AutoGenerateColumns
=
"false"
AllowPaging
=
"true"
AllowCustomPaging
=
"false"
PageSize
=
"30"
>
11.
<
ClientSettings
>
12.
<
Scrolling
AllowScroll
=
"true"
SaveScrollPosition
=
"true"
/>
13.
<
Selecting
AllowRowSelect
=
"true"
EnableDragToSelectRows
=
"true"
UseClientSelectColumnOnly
=
"false"
/>
14.
<%--<
ClientEvents
OnRowSelected
=
"rowSelected"
OnRowDeselected
=
"rowDeselected"
OnRowCreated
=
"rowCreated"
OnGridCreated
=
"gridCreated"
/>--%>
15.
</
ClientSettings
>
16.
<
MasterTableView
CommandItemDisplay
=
"Top"
TableLayout
=
"Auto"
ClientDataKeyNames
=
"ID"
>
17.
18.
<
Columns
>
19.
<
telerik:GridBoundColumn
UniqueName
=
"ID"
DataField
=
"ID"
HeaderText
=
"ID"
Display
=
"false"
ShowFilterIcon
=
"false"
></
telerik:GridBoundColumn
>
20.
<
telerik:GridClientSelectColumn
UniqueName
=
"ClientSelectCol"
HeaderStyle-Width
=
"30px"
ItemStyle-Width
=
"30px"
ShowFilterIcon
=
"false"
></
telerik:GridClientSelectColumn
>
21.
<
telerik:GridBoundColumn
DataField
=
"First_Name"
HeaderText
=
"First_Name"
UniqueName
=
"First_Name"
Display
=
"false"
ShowFilterIcon
=
"false"
></
telerik:GridBoundColumn
>
22.
<
telerik:GridBoundColumn
DataField
=
"Last_Name"
HeaderText
=
"Last_Name"
UniqueName
=
"Last_Name"
Display
=
"false"
ShowFilterIcon
=
"false"
></
telerik:GridBoundColumn
>
23.
<
telerik:GridCalculatedColumn
HeaderStyle-Width
=
"120px"
ItemStyle-Width
=
"90px"
HeaderText
=
"Name"
UniqueName
=
"Name"
DataFields
=
"First_Name,Last_Name"
Expression
=
'{0} + " " + {1}'
></
telerik:GridCalculatedColumn
>
24.
<
telerik:GridBoundColumn
DataField
=
"Company_Name"
HeaderText
=
"Company Name"
UniqueName
=
"Company_Name"
></
telerik:GridBoundColumn
>
25.
<
telerik:GridBoundColumn
DataField
=
"FileName"
HeaderText
=
"File Name"
UniqueName
=
"FileName"
></
telerik:GridBoundColumn
>
26.
</
Columns
>
27.
</
MasterTableView
>
28.
29.
</
telerik:RadGrid
>
30.
<
asp:SqlDataSource
runat
=
"server"
ID
=
"LMData"
ConnectionString="<%$ Connectionstrings:CITSSQLDEVLM %>" SelectCommand="OpenCases" SelectCommandType="StoredProcedure"></
asp:SqlDataSource
>
31.
<
telerik:RadComboBox
ID
=
"cbEmp"
runat
=
"server"
DataSourceID
=
"SqlDataSourceAgents"
32.
AutoPostBack
=
"true"
DataTextField
=
"EmpName"
DataValueField
=
"EMPID"
MarkFirstMatch
=
"True"
33.
EmptyMessage
=
"Select Agent..."
AppendDataBoundItems
=
"True"
AllowCustomText
=
"True"
34.
Skin
=
"Windows7"
>
35.
<
Items
>
36.
<
telerik:RadComboBoxItem
Text
=
"ALL"
Selected
=
"true"
Value
=
"NULL"
/>
37.
</
Items
>
38.
</
telerik:RadComboBox
>
39.
<
asp:SqlDataSource
ID
=
"SqlDataSourceAgents"
runat
=
"server"
ConnectionString="<%$ ConnectionStrings:EMPInfoConnectionString %>"
40.
SelectCommand="uspOutboundSalesEmployees" SelectCommandType="StoredProcedure"></
asp:SqlDataSource
>
41.
<
telerik:RadGrid
ID
=
"RadGrid2"
runat
=
"server"
DataSourceID
=
"SqlDataSource3"
AllowFilteringByColumn
=
"true"
Height
=
"600px"
RenderMode
=
"Lightweight"
42.
GroupingSettings-CaseSensitive
=
"false"
AllowPaging
=
"true"
AllowCustomPaging
=
"false"
PageSize
=
"30"
Skin
=
"Windows7"
AllowMultiRowSelection
=
"true"
>
43.
</
telerik:RadGrid
>
44.
45.
<
asp:SqlDataSource
runat
=
"server"
ID
=
"SqlDataSource3"
ConnectionString='<%$ ConnectionStrings:CITSSQLDEVLM %>'
46.
SelectCommand="EmpCases" SelectCommandType="StoredProcedure">
47.
<
SelectParameters
>
48.
<
asp:ControlParameter
ControlID
=
"cbEmp"
Name
=
"EmpID"
PropertyName
=
"SelectedValue"
49.
Type
=
"String"
/>
50.
</
SelectParameters
>
51.
</
asp:SqlDataSource
>
52.
</
div
>
53.
54.
</
asp:Content
>
I have 3 levels of grouping in my radgrid and I need to display the sum of one of the detail levels at each group header level. I have tried creating groups client side and server side with the same results. The group header levels end up displaying and calculating sporadically on inner groups 2 and 3. The top most group always displays correctly with the total hours. Below is my code for the grid. Any help or direction would be appreciated.
<t:RadGrid ID="rgPTOA" runat="server" GroupingEnabled="true"
OnNeedDataSource="rgPTOA_OnNeedDataSource" ShowGroupPanel="false"
OnItemCommand="rgPTOA_OnItemCommand" GroupingSettings-GroupByFieldsSeparator=" "
Visible="false"
GridLines="None"
ShowFooter="false"
HeaderStyle-Wrap="false"
ShowHeader="false" AutoGenerateColumns="false" OnPreRender="rgPTOA_PreRender"
>
<ClientSettings AllowGroupExpandCollapse="true">
</ClientSettings>
<GroupingSettings RetainGroupFootersVisibility="true" />
<MasterTableView ShowGroupFooter="true" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="false" DataKeyNames="EmpNameLine"
AutoGenerateColumns="false" Width="100%" TableLayout="Fixed" GroupLoadMode="Client"
>
<NoRecordsTemplate>NO RECORDS </NoRecordsTemplate>
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<!-- Content Area -->
<!-- result 1-1-1-1 -->
<section>
<section class="large-border-bottom-grey">
<div class="magic-mobile-panels no-table">
<div class="row">
<!-- date requested -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
DATE REQUESTED
</header>
<div>
<asp:Label ID="Label7" runat="server" Text='<%# Eval("PTO_DATE", "{0:MM/dd/yyyy}") %>'> </asp:Label>
</div>
</div>
</div>
<!-- benefit type -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
BENEFIT TYPE
</header>
<div>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("PAY_TYPE_CODE") %> '> </asp:Label>
</div>
</div>
</div>
<!-- labor status -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
LABOR STATUS
</header>
<div>
<asp:Label ID="Label2" runat="server" Text='<%# Eval("LaborStatus") %> '> </asp:Label>
</div>
</div>
</div>
<!-- dist. code -->
<div class="column small-12 large-expand show-for-large">
<div class="mmpanel">
<header>
DIST. CODE
</header>
<div>
<asp:Label ID="Label3" runat="server" Text='<%# Eval("PR_DIST_ID") %> '> </asp:Label>
</div>
</div>
</div>
<!-- start time -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
START TIME
</header>
<div>
<asp:Label ID="Label4" runat="server" Text='<%# Eval("PTO_Date","{0:hh:mm tt}")%> '> </asp:Label>
</div>
</div>
</div>
<!-- hours -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
HOURS
</header>
<div>
<asp:Label ID="Label5" runat="server" Text='<%# Eval("PTO_HOURS") %> '> </asp:Label>
</div>
</div>
</div>
<!-- review due date -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
REVIEW DUE DATE
</header>
<div>
<asp:Label ID="Label6" runat="server" Text='<%# Eval("PTO_APPROVE_DUE","{0:hh:mm tt}")%> '> </asp:Label>
</div>
</div>
</div>
<!-- approval status -->
<div class="column small-12 large-expand show-for-large">
<div class="mmpanel">
<header>
STATUS
</header>
<div>
<asp:Label ID="Label8" runat="server" Text='<%# Eval("PTOVerificationStatus") %> '> </asp:Label>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- desktop -->
<section class="show-for-large">
<div class="row column-center-divider">
<!-- comment -->
<div class="column">
<div class="panel-2">
<header>COMMENT</header>
<div class="font-size-smaller">
<asp:Label ID="Label9" runat="server" Text='<%# Eval("PTO_COMMENT") %> '> </asp:Label>
</div>
</div>
</div>
<!-- approval comment -->
<div class="column">
<div class="panel-2">
<header>APPROVAL COMMENT</header>
<div class="font-size-smaller">
<asp:Label ID="Label10" runat="server" Text='<%# Eval("PTO_REVIEW_COMM") %> '> </asp:Label>
</div>
</div>
</div>
</div>
</section>
<!-- /desktop -->
</section>
<!-- /result 1-1-1-1 -->
<!-- /RESULTS -->
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<GroupByExpressions>
<%--First Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField FieldName="DeptID" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="DeptID" HeaderText=" " HeaderValueSeparator="" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A2" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
<%--Second Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField
FieldName="EmpNameLine" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="EmpNameLine" HeaderText="Employee" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A3" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
<%--Third Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField
FieldName="PAY_TYPE_CODE" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="PAY_TYPE_CODE" HeaderText="Pay Type" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A4" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
</GroupByExpressions>
</MasterTableView>
</t:RadGrid>
We're using the RadDatePicker and the RadTimePicker in a new site that also uses Bootstrap. For both controls there is an odd effect on the hover state of the icon. Instead of just changing state the icon slides in. Is there a way to change that to a standard hover state where the icon swaps to the hover without the slide?
thanks
Hi,
First of all sorry for my bad English
I have a Problem with the RadAsyncUpload Control.
I'm using VS2010, and my Telerik Versión is Q1 2013
In a web page I have a Radgrid that shows the names of files uploaded.
When a user click a button of any of the rows of the Radgrid, it displays a Radwindow.
In that Radwindow, i load a web page containing 3 RadAsyncUpload and 1 RadProgressArea.
In the load event a query is performed to the database to see if the files that corresponds to the row of the Radgrid exists.
If the files already exist, the RadAsyncUpload are hidden. And instead, show labels with the names of the uploaded files, and also shows a button to delete the files.
But when the web page within the Radwindow finishes loading, i get a cliente message saying "Could not find an instance of RadProgress or RadAsyncUpload on the page. Are you missing the control declaration?".
I notice that when controls are hidden the message appears. But when they are not does not appear.
If files exist, I need to hide the controls,to show the user the option to remove them from the server.
Here are part of my code:
* One of my RadAsyncUpload on the web page, the other 2 are the same with different names.
<div class="Inscontrolrow">
<telerik:RadAsyncUpload ID="AsyncUpload1" runat="server" Culture="es-MX" MaxFileInputsCount="1" TabIndex="12" AllowedFileExtensions=".pdf,.xls,.xlsx,.zip,.xml" MaxFileSize="140680064" >
</telerik:RadAsyncUpload>
<div style="float:left; margin:0 20px 0 0">
<asp:Label ID="LblArchivoFO" runat="server" Visible="false"></asp:Label>
</div>
<div style="float:left">
<telerik:RadButton ID="BtnEliminarFO" runat="server" Text="Eliminar" Visible="false"></telerik:RadButton>
</div>
</div>
* The only RadProgressArea that the web page contains.
<div class="Inscontrolrow">
<telerik:RadProgressArea runat="server" ID="ProgressArea1" Culture="es-MX" TabIndex="19">
</telerik:RadProgressArea>
</div>
* Part of the server code where the controls are hidden:
......
If Not row("Archivo_Factura_Original") Is Nothing And Not row("Archivo_Factura_Original") Is DBNull.Value Then
Dim Rutacarpeta As String = Server.MapPath("~/Archivos/clientes/" + CStr(Session("ID_")).Trim + "/Facturas_Originales/")
Dim name As String = CStr(row("Archivo_Factura_Original"))
If File.Exists(Rutacarpeta & name) Then
LblArchivoFO.Text = CStr(row("Archivo_Factura_Original"))
LblArchivoFO.Visible = True
BtnEliminarFO.Visible = True
Me.AsyncUpload1.Enabled = False
Me.AsyncUpload1.Visible = False
Else
LblArchivoFO.Visible = False
BtnEliminarFO.Visible = False
Me.AsyncUpload1.Enabled = True
Me.AsyncUpload1.Visible = True
End If
End If
.....
Please help me.
Hello,
I am getting this issue when I am trying to hide/show panels containing upload control within an update panel.
Is this issue occurring due to hide/unhide the control. If so, please help with the resolution.
Thanks
Screenshot attached.
I have upload enabled and it is working fine. However, on the upload dialog box, the checkbox for "Overwrite if file exists" is about 2 inches north of the text.
I don't see an obvious way where I can control this layout. What would you suggest to get the checkbox near the checkbox label? I am running v2016.3.1018
I have a page that has two grids. I need to collect all the data from both grids as well as additional info from various other controls on the page and validate, then save it. If the data doesn't validate against our validation logic, I need to allow the user to make necessary changes then attempt to save again.
This page is solely for new data, so technically there is no datasource to connect to. Here's what I've done. The grids are set up for Ajax and are batch edit. I've got a button on my page that calls JS to save changes to both grids if either of them has changes. Otherwise, it triggers a save changes of the rest of the page data. I've set my grids to bind to public properties on my page that are pulling from a Session Object. This way when I save the rest of the page data in the Page_PreRender event, I can combine it with the rest (the two grids feed child collections off a main object, being populate from the various other controls on the page).
But I've got a snag. How do I reset the grid records, so that if I can't save due to validation, when the user clicks the save button again, the grid is still triggering an Insert instead of an Update?
Reading through other threads made me think it had something to do with ajax, but because I don't have a true datasource, ajax is what is keeping the data in the grid when the user clicks the save button. And I need this to happen in case of a validation failure.
I hope all this makes sense. Can anyone help? Maybe there is a better way to collect all this new data. I'm just not sure.