Questions on UI for ASP.NET AJAX Forum

110,740 questions

3 answers

247 views

Hi,

I've been struggling to make the breadcrumb work for days. I hope you can assist me here.

At first I thought it's because I'm using site.master and the full postback is giving me problem, so I took the code from https://demos.telerik.com/aspnet-ajax/menu/examples/programming/showpath/defaultcs.aspx and made a small project to follow along. However, I'm still running into the same problem with RadMenu1.FindItemByUrl always returning null.

RadMenuItem currentItem = RadMenu1.FindItemByUrl(Request.Url.PathAndQuery);

Would you please let me know what am I missing in my setup?

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<<%@ Register tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns='http://www.w3.org/1999/xhtml'>

<head runat="server">

<title>Telerik ASP.NET Example</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

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

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

<div class="demo-container size-medium no-bg">

<div class="demo-content">

<telerik:RadMenu RenderMode="Lightweight" ID="RadMenu1" runat="server" EnableRoundedCorners="true"

EnableShadows="true" EnableTextHTMLEncoding="true" Skin="Silk">

<Items>

<telerik:RadMenuItem Text="Products" NavigateUrl="DefaultCS.aspx?Page=Products">

<Items>

<telerik:RadMenuItem Text="UI for ASP.NET AJAX" NavigateUrl="DefaultCS.aspx?Page=ASP.NET AJAX Controls" />

<telerik:RadMenuItem Text="UI for WinForms" NavigateUrl="DefaultCS.aspx?Page=WinForms Controls" />

<telerik:RadMenuItem Text="UI for WPF" NavigateUrl="DefaultCS.aspx?Page=WPF Controls" />

<telerik:RadMenuItem Text="UI for Silverlight" NavigateUrl="DefaultCS.aspx?Page=Silverlight Controls" />

<telerik:RadMenuItem Text="Reporting" NavigateUrl="DefaultCS.aspx?Page=Telerik Reporting" />

<telerik:RadMenuItem Text="Data Access" NavigateUrl="DefaultCS.aspx?Page=Telerik OpenAccess ORM" />

<telerik:RadMenuItem Text="Sitefinity ASP.NET CMS" NavigateUrl="DefaultCS.aspx?Page=Sitefinity ASP.NET CMS" />

<telerik:RadMenuItem Text="Test Studio" NavigateUrl="DefaultCS.aspx?Page=WebUI Test Studio" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Consulting" NavigateUrl="DefaultCS.aspx?Page=Consulting">

<Items>

<telerik:RadMenuItem Text="On-site Training" NavigateUrl="DefaultCS.aspx?Page=On-site Training" />

<telerik:RadMenuItem Text="Consulting Express" NavigateUrl="DefaultCS.aspx?Page=Consulting Express" />

<telerik:RadMenuItem Text="Open Classes Training" NavigateUrl="DefaultCS.aspx?Page=Open Classes Training" />

<telerik:RadMenuItem Text="Online Training" NavigateUrl="DefaultCS.aspx?Page=Online Training" />

<telerik:RadMenuItem Text="Project Consulting" NavigateUrl="DefaultCS.aspx?Page=Project Consulting" />

<telerik:RadMenuItem Text="Telerik Webinars" NavigateUrl="DefaultCS.aspx?Page=Telerik Webinars" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Purchase" NavigateUrl="DefaultCS.aspx?Page=Purchase">

<Items>

<telerik:RadMenuItem Text="Buy Now" NavigateUrl="DefaultCS.aspx?Page=Buy Now" />

<telerik:RadMenuItem Text="Renewals & Upgrades" NavigateUrl="DefaultCS.aspx?Page=Renewals & Upgrades" />

<telerik:RadMenuItem Text="License Agreement" NavigateUrl="DefaultCS.aspx?Page=License Agreement" />

<telerik:RadMenuItem Text="FAQ" NavigateUrl="DefaultCS.aspx?Page=FAQ" />

<telerik:RadMenuItem Text="Purchase Orders" NavigateUrl="DefaultCS.aspx?Page=Purchase Orders" />

<telerik:RadMenuItem Text="Contact Sales" NavigateUrl="DefaultCS.aspx?Page=Contact Sales" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Support" NavigateUrl="DefaultCS.aspx?Page=Support">

<Items>

<telerik:RadMenuItem Text="Support by Product" NavigateUrl="DefaultCS.aspx?Page=Support by Product" />

<telerik:RadMenuItem Text="Documentation" NavigateUrl="/DefaultCS.aspx?Page=Documentation" />

<telerik:RadMenuItem Text="Demos" NavigateUrl="DefaultCS.aspx?Page=Demos" />

<telerik:RadMenuItem Text="Knowledge Base" NavigateUrl="DefaultCS.aspx?Page=Knowledge Base" />

<telerik:RadMenuItem Text="Telerik Trainer" NavigateUrl="DefaultCS.aspx?Page=Telerik Trainer" />

<telerik:RadMenuItem Text="Videos" NavigateUrl="DefaultCS.aspx?Page=Videos" />

<telerik:RadMenuItem Text="Skins" NavigateUrl="DefaultCS.aspx?Page=Skins" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Community" NavigateUrl="DefaultCS.aspx?Page=Community">

<Items>

<telerik:RadMenuItem Text="Forums" NavigateUrl="DefaultCS.aspx?Page=Forums" />

<telerik:RadMenuItem Text="Blogs" NavigateUrl="DefaultCS.aspx?Page=Blogs" />

<telerik:RadMenuItem Text="Events" NavigateUrl="DefaultCS.aspx?Page=Events" />

<telerik:RadMenuItem Text="Code Library" NavigateUrl="DefaultCS.aspx?Page=Code Library" />

<telerik:RadMenuItem Text="Learning Resources" NavigateUrl="DefaultCS.aspx?Page=Learning Resources" />

<telerik:RadMenuItem Text="Announcements" NavigateUrl="DefaultCS.aspx?Page=Announcements" />

<telerik:RadMenuItem Text="Free Products" NavigateUrl="DefaultCS.aspx?Page=Free Products" />

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Company" NavigateUrl="DefaultCS.aspx?Page=Company">

<Items>

<telerik:RadMenuItem Text="About Telerik" NavigateUrl="DefaultCS.aspx?Page=About Telerik" />

<telerik:RadMenuItem Text="Press Center" NavigateUrl="DefaultCS.aspx?Page=Press Center" />

<telerik:RadMenuItem Text="Careers" NavigateUrl="DefaultCS.aspx?Page=Careers" />

<telerik:RadMenuItem Text="Contact Us" NavigateUrl="DefaultCS.aspx?Page=Contact Us" />

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<div class="breadcrumb">

<telerik:RadSiteMap ID="BreadCrumbSiteMap" runat="server" DataTextField="Text" DataNavigateUrlField="NavigateUrl" Skin="Silk">

<DefaultLevelSettings ListLayout-RepeatDirection="Horizontal" SeparatorText="/" Layout="Flow" />

</telerik:RadSiteMap>

<h3>

<asp:Literal runat="server" ID="PageTitleLiteral" /></h3>

</div>

</form>

</body>

</html>

Code Behind:

using System;

using System.Collections.Generic;

using Telerik.Web.UI;

public partial class _Default : System.Web.UI.Page

{

//If RadMenu is data bound, please use its DataBound event instead of PageLoad.

protected void Page_Load(object sender, EventArgs e)

{

RadMenuItem currentItem = RadMenu1.FindItemByUrl(Request.Url.PathAndQuery);

if (currentItem != null)

{

//Select the current item and his parents

currentItem.HighlightPath();

//Update the title of the

PageTitleLiteral.Text = currentItem.Text;

//Populate the breadcrumb

DataBindBreadCrumbSiteMap(currentItem);

}

else

RadMenu1.Items[0].HighlightPath();

}

private void DataBindBreadCrumbSiteMap(RadMenuItem currentItem)

{

List<RadMenuItem> breadCrumbPath = new List<RadMenuItem>();

while (currentItem != null)

{

breadCrumbPath.Insert(0, currentItem);

currentItem = currentItem.Owner as RadMenuItem;

}

BreadCrumbSiteMap.DataSource = breadCrumbPath;

BreadCrumbSiteMap.DataBind();

}

Thank you,

Helen

answered on 02 Apr 2020

1 answer

92 views

How to add radeditor in RadPrompt RadWindowManager..?

same as title, any have solution..?

Thanks

General Discussions

answered on 02 Apr 2020

3 answers

101 views

RadComboBox RenderClientStateField Example

HI there..

I cant seem to find an example on how to use RenderClientStateField method of the ComboBox to render the ClientStateField on a page.
Can someone please help me out.

Thanks,

ComboBox

answered on 02 Apr 2020

1 answer

198 views

Overriding Radwindow CSS in code behind

Hi, is there a way to override the radwindow default styles in the code behind? For example for something like this:

    .RadWindow .rwStatusbar,
    .RadWindow_Default table .rwTopLeft,
    .RadWindow_Default table .rwTopRight,
    .RadWindow_Default table .rwFooterCenter,
    .RadWindow_Default table .rwFooterLeft,
    .RadWindow_Default table .rwFooterRight,
    .RadWindow_Default .rwCorner,
    .RadWindow_Default .rwBodyLeft,
    .RadWindow_Default .rwBodyRight {
        display: none !important;
    }

using something like this in the code behind instead

window.class.Add.Style(RadWindow .rwStatusbar, display:none)

...

Jesse

General Discussions

answered on 02 Apr 2020

1 answer

275 views

Overriding Radwindow default styles in code behind

Hi is there away to override radwindow default styles in the code behind for example

using something like this

window.class[.RadWindow .rwStatusbar]. add.style( "display", "none")

window.class[. .RadWindow_Default table .rwTopLeft,]. add.style( "display", "none")

...

Thanks in advance.

General Discussions

answered on 02 Apr 2020

17 answers

629 views

Filter Icon displayed on next line, under filter textbox, while using AllowFilteringByColumn

hi,
I am using 2009.3.1103.20 version of Telerik Controls.
Now I simply added filtering to columns in my grid and that worked fine on my machine.
But when I deployed it to Test Server, the problem is that the filter icon is displayed on next line, underneath filter textbox, for my first column.
For rest of the columns, its looking good and this is happening only on my Test Server.
I tried giving FiltercontrolWidth, HeaderStyle-Width but didnt work.

Any idea why the filter icon is displayed underneath filter textbox?
Here is my grid. I have about 15 fields so I kept only few fields here.
The first column

telerik:GridNumericColumn DataField="RequestInfoID"

is displaying Filter Icon underneath filter textbox, any idea how do I make it display next to textbox?

<div class="Scrollgrid" style="width: 1100px; height: 600px;">

<telerik:RadGrid ID="RadGridAllRequests" runat="server" AllowPaging="true" AllowSorting="true"

AllowFilteringByColumn="true" AutoGenerateColumns="False" BorderStyle="None"

GridLines="Both" OnNeedDataSource="RadGridAllRequests_needdatasource" OnItemDataBound="RadGridAllRequests_ItemDataBound"

OnItemCreated="RadGridAllRequests_ItemCreated" OnItemCommand="RadGridAllRequests_ItemCommand"

AllowMultiRowSelection="true" SelectedItemStyle-CssClass="SelectedItem" Width="100%"

Skin="WebBlue">

<PagerStyle Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom" AlwaysVisible="true" />

<ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView

ShowHeadersWhenNoRecords="true"

AllowFilteringByColumn="true" DataKeyNames="RequestInfoID">

<Columns>

<telerik:GridNumericColumn DataField="RequestInfoID" HeaderText="Request No." SortExpression="RequestInfoID"

DataType="System.Int64" FilterControlWidth="40px" HeaderStyle-Width="100px"

>

</telerik:GridNumericColumn>

<telerik:GridDateTimeColumn HeaderStyle-Width="130px" DataField="CreationDate" HeaderText="Created On"

FilterControlWidth="100px" CurrentFilterFunction="Contains" PickerType="DatePicker"

DataFormatString="{0:MM/dd/yyyy}" SortExpression="CreationDate">

</telerik:GridDateTimeColumn>

<telerik:GridNumericColumn DataField="TotalAmount" HeaderText="Total Amount" SortExpression="TotalAmount"

HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataType="System.Decimal"

FilterControlWidth="70px" DataFormatString="{0:#,##0.00}">

<FooterStyle Font-Bold="true" />

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="RequestedFrom_Email" HeaderText="Requested From"

SortExpression="RequestedFrom_Email">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SuggestedVendor" HeaderText="Suggested Vendor"

SortExpression="SuggestedVendor" UniqueName="SuggestedVendor">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Describe Reason and Reject" UniqueName="rejectrequest"

AllowFiltering="false">

<ItemTemplate>

<table width="240px" cellpadding="0" cellspacing="0">

<tr valign="top">

<td>

<asp:Label ID="lblNextApprovalRequiredFor" runat="server" Visible="false" Text='<%#Eval ( "NextApprovalRequiredFor").ToString()%>'></asp:Label>

<asp:Label ID="lblUnder5000ApprovedORRejected" runat="server" Visible="false" Text='<%#Eval ( "Under5000ApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver5000ApprovedORRejected" runat="server" Visible="false" Text='<%#Eval ( "Over5000ApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblFinanceApprovedORRejected" runat="server" Visible="false" Text='<%#Eval ( "FinanceApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver25000CFOApprovedORRejected" runat="server" Visible="false"

Text='<%#Eval ( "Over25000CFOApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver25000COOApprovedORRejected" runat="server" Visible="false"

Text='<%#Eval ( "Over25000COOApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver25000CEOApprovedORRejected" runat="server" Visible="false"

Text='<%#Eval ( "Over25000CEOApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblRejectedMessage" runat="server" Text="Rejected"></asp:Label>

<asp:TextBox Width="150px" runat="server" MaxLength="150" ValidationGroup="vgRejection"

ID="txtRejectionReason" ToolTip="Enter Rejection Reason"></asp:TextBox>

<%--                                                            <

asp:RequiredFieldValidator

ID="rvRejectionReason"

Display="Dynamic"

ValidationGroup="vgRejection"

runat="server"

SetFocusOnError="true"

ControlToValidate="txtRejectionReason"

ErrorMessage="Enter Rejection Reason"

ToolTip="Enter Rejection Reason">

</asp:RequiredFieldValidator>

--%>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnRejectRequest" Text="Reject"

ToolTip="Click Here to Reject Request" CausesValidation="true" ValidationGroup="vgRejection"

OnClick="btnRejectRequest_Click" OnClientClick=

"javascript:var agree= confirm('Are you sure you want to reject this Request? '); if(agree){ Page_BlockSubmit = false;buttonClicked_WithObj(this); return true; };else {return false;};"

CommandArgument='<%#

Eval ( "RequestInfoID").ToString()

+ ";" +

Eval ( "NextApprovalRequiredFor").ToString()

+ ";" +

Eval ( "TotalAmount").ToString()

%>' />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Request_Current_Status_DisplayText" HeaderText="Current Status"

SortExpression="Request_Current_Status_DisplayText" UniqueName="Request_Current_Status_DisplayText">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Cancel Request" UniqueName="cancelrequest">

<ItemTemplate>

<asp:Label ID="lblCancelled" runat="server" Visible="false" Text='<%#Eval ( "Cancelled").ToString()%>'></asp:Label>

<asp:Label runat="server" ID="lblCompleted" Text='<%# Eval("Completed").ToString()%>'

Visible="false"></asp:Label>

<asp:Label runat="server" ID="lblCompletedMessage" Text='<%# Eval("CompletedStatus").ToString()%>'></asp:Label>

<asp:Label runat="server" ID="lblCancellationStatus" Text='<%# Eval("CancellationStatus").ToString()%>'></asp:Label>

<asp:Button CssClass="ButtonCSS" runat="server" ID="btnCancelRequest" Text="Cancel Request"

ToolTip="Click Here to cancel Request" CausesValidation="False" OnClick="btnCancelRequest_Click"

OnClientClick=

"javascript:var agree= confirm('Are you sure you want to cancel/delete this Request? '); if(agree){ Page_BlockSubmit = false;buttonClicked_WithObj(this); return true; };else {return false;};"

CommandArgument='<%# Eval ( "RequestInfoID").ToString() %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Request No." SortExpression="RequestInfoID"

AllowFiltering="false" Visible="false" UniqueName="requestinfoid">

<ItemTemplate>

<asp:Label ID="lblRequestInfoID" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "RequestInfoID")%>'></asp:Label></ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<PopUpSettings ScrollBars="None" />

</EditFormSettings>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle />

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle />

</RowIndicatorColumn>

</MasterTableView>

</telerik:RadGrid>

</div>

Grid

answered on 02 Apr 2020

1 answer

441 views

RadDatePicker and DataTypeCheck validation

I'm trying to get the RadDatePicker to work with the CompareValidator with the DataTypeCheck operator. Initially, I wanted to use this as a dynamically created control in the code-behind. (It works great with a normal validator, but it also validates blank textboxes when I don't want it to). I noticed this seemed to be an issue 10 years ago from what I've searched, but is this still the case?

I did a little testing here -

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

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<asp:Label ID="lblDate" Text="Date:" AssociatedControlID="txtDate" runat="server" />

<asp:TextBox ID="txtDate" runat="server" />

<asp:CompareValidator

ID="txtDatecompare"

Text="(Invalid Date)"

ControlToValidate="txtDate"

Type="Date"

Operator="DataTypeCheck"

runat="server" />

<hr />

<asp:Label ID="lblTelerikDate" Text="Date:" AssociatedControlID="rdDate" runat="server" />

<telerik:RadDatePicker ID="rdDate" runat="server">

</telerik:RadDatePicker>

<asp:CompareValidator

ID="txtRadDateCompare"

Text="(Invalid Date)"

ControlToValidate="rdDate"

Type="Date"

Operator="DataTypeCheck"

runat="server" />

<br />

<asp:Button ID="btnSubmit" Text="Submit" runat="server" />

</div>

</form>

The submit button simply returns the time of day. What I expected to happen is -

Textbox is left blank - Do nothing. I would expect this, and handle required field validators late in the code.
Textbox has a valid date - Do nothing.
Textbox has an invalid date - Display a message and cancel the postback. However, the above code still causes a postback. If I put an invalid date into the normal textbox, it works fine. If I put an invalid date into the raddatepicker, the submit button still fires. My goal is to do this dynamically, so if it's not possible, I could always create a server-side validation to loop through the added controls.

DatePicker

answered on 01 Apr 2020

11 answers

377 views

HtmlChart works on localhost but not on web server

I have HtmlChart control which works from Visual Studio 2015, but not when deployed on a Web Server. When View Source, the Web Server page source does not have the svg tag. The source is below. The Telerik dll version is 2016.2.504.45, size 26,416 KB, dated 5/23/2016 11:25 AM. How can I correct the behavior on the web server please?

<svg xmlns="http://www.w3.org/2000/svg" style="left: 0px; top: -0.36px; width: 100%; height: 100%; overflow: hidden;" version="1.1">

<telerik:RadHtmlChart ID="rhcSummary" runat="server"

Height="200"

Width="700">

<PlotArea>

<Series>

<telerik:ColumnSeries Name="OpenClaims" DataFieldY="Value">

<Appearance FillStyle-BackgroundColor="Green" />

<TooltipsAppearance BackgroundColor="LightGray">

<ClientTemplate>

#= dataItem.Tooltip #

</ClientTemplate>

</TooltipsAppearance>

</telerik:ColumnSeries>

</Series>

<XAxis Name="Statuses"

DataLabelsField="Meaning"

MajorTickSize="1"

MinorTickSize="1"

Step="1" />

<YAxis Name="Counts"

MajorTickSize="5"

MinorTickSize="5"

Step="10" />

</PlotArea>

<Legend>

<Appearance Visible="false" />

</Legend>

</telerik:RadHtmlChart>

Chart (HTML5)

answered on 31 Mar 2020

9 answers

336 views

Client event double click task

Hello,

Is it possible to attach a eventhandler to a double click event on a task and get the taskId?

Thanks,
Martin

Gantt

answered on 31 Mar 2020

2 answers

331 views

RadAutoCompleteBox CSS width property not working

Hi,

I am trying to adjust the width of the input box but it's not working. Weirdly other properties work but I am not getting to reflect the changes in width.

My CSS code:

html .RadAutoCompleteBox .racInput {

font-family: sans-serif;

font-size: 1.2em;

height: 30px;

width: 1000px !important;

}

My aspx code:

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadAutoCompleteBox RenderMode="Lightweight" runat="server" ID="RadAutoCompleteBox1"

autopostback="true" EmptyMessage="Type in data..."

DataSourceID="SqlDataSource1"

DataTextField="edesc"

DataValueField="ecode"

InputType="Token"

Width="450"

DropDownWidth="150px"

OnEntryAdded="RadAutoCompleteBox1_EntryAdded"

OnEntryRemoved="RadAutoCompleteBox1_EntryRemoved"

>

</telerik:RadAutoCompleteBox>

Notice that I define a default value of 450 in ASPX code but as far as I know the CSS should override it, correct? Anyway, I tried to remove the initial definition but CSS still won't work.

As I mentioned all other properties work fine but the "width" one. Any idea?

Thanks in advance!

AutoCompleteBox

answered on 31 Mar 2020

Top users last month