Questions on UI for ASP.NET AJAX Forum

1 answer

257 views

Bulleted List in Telerik

hi

Is there a bulleted list control equivalent in Telerik ASP.net web Control?

Thanks

General Discussions

answered on 12 Feb 2014

6 answers

528 views

[Solved] Dynamic DropDownList

Hi,

I want to add and remove items at runtime like that picture.

In dropdownlist Can I add item or delete item by clicking trash icon at runtime.

DropDownList

answered on 12 Feb 2014

3 answers

205 views

Disabled Days with Range Selection and Multiple Calendars

Howdy,

I can't seem to get the disabled days function to be working after I combined it with the Data Selector Range Demo (http://demos.telerik.com/aspnet-ajax/calendar/examples/functionality/rangeselection/defaultcs.aspx)

DefaultVB.aspx

<%@ Page CodeFile="DefaultVB.aspx.vb" Language="vb" AutoEventWireup="false"  Inherits="testlayouts_samples_rangeselection_DefaultVB" %>

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

<title>ASP.NET Calendar Demo - Range Selection</title>

</head>

<body>

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

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

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

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

// necessary to disable the weekends on client-side navigation

function OnDayRender(calendarInstance, args) {

// convert the date-triplet to a javascript date

// we need Date.getDay() method to determine

// which days should be disabled (e.g. every Saturday (day = 6) and Sunday (day = 0))

var jsDate = new Date(args.get_date()[0], args.get_date()[1] - 1, args.get_date()[2]);

if (jsDate.getDay() == 0 || jsDate.getDay() == 6) {

var otherMonthCssClass = "rcOutOfRange";

args.get_cell().className = otherMonthCssClass;

// replace the default cell content (anchor tag) with a span element

// that contains the processed calendar day number -- necessary for the calendar skinning mechanism

args.get_cell().innerHTML = "<span>" + args.get_date()[2] + "</span>";

// disable selection and hover effect for the cell

args.get_cell().DayId = "";

}

</script>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">

</telerik:RadAjaxLoadingPanel>

</telerik:RadCodeBlock>

<h3 class="qsfSubtitle">Multi Month View with enabled AutoPostBack</h3>

<table>

<tr>

<td colspan="2">

<label for="RaddatePicker1">Start Date: </label>

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

</telerik:RadDatePicker>

<label for="RadDatePicker2">End Date: </label>

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

</telerik:RadDatePicker>

<asp:Button runat="server" ID="Button1" Text="Set range" OnClick="Button1_Click">

</asp:Button>

</td>

</tr>

</table>

<br />

<telerik:RadCalendar runat="server" ID="RadCalendar2" AutoPostBack="true" MultiViewColumns="2"

MultiViewRows="1" RangeSelectionMode="ConsecutiveClicks" EnableViewSelector="true" OnDayRender="Calendar_OnDayRender">

</telerik:RadCalendar>

<br />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"

DefaultLoadingPanelID="RadAjaxLoadingPanel2">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadDatePicker1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar2" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadDatePicker2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar2" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Button1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar2" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadCalendar2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadDatePicker1" UpdatePanelCssClass="" />

<telerik:AjaxUpdatedControl ControlID="RadDatePicker2" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

</form>

</body>

</html>

DefaultVB.aspx.vb

Imports Telerik.Web.UI

Partial Class testlayouts_samples_rangeselection_DefaultVB

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

' necessary not to repeat the special days on postback

If Not Page.IsPostBack Then

RadDatePicker1.Calendar.SpecialDays.Clear()

End If

End Sub

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)

If RadDatePicker1.SelectedDate.HasValue AndAlso RadDatePicker2.SelectedDate.HasValue Then

RadCalendar2.RangeSelectionStartDate = RadDatePicker1.SelectedDate.Value

RadCalendar2.RangeSelectionEndDate = RadDatePicker2.SelectedDate.Value

Else

'RadAjaxpanel1.Alert("To set range of dates in RadCalendar you need to choose both Start and End date")

RadAjaxManager1.Alert("To set range of dates in RadCalendar you need to choose both Start and End date")

End If

End Sub

Protected Overrides Sub OnPreRender(ByVal e As EventArgs)

MyBase.OnPreRender(e)

Dim calendarMinDate As New DateTime(1980, 1, 1)

Dim calendarMaxDate As New DateTime(2099, 12, 30)

If RadCalendar2.RangeSelectionStartDate <> calendarMinDate AndAlso RadCalendar2.RangeSelectionEndDate <> calendarMaxDate Then

RadDatePicker1.SelectedDate = RadCalendar2.RangeSelectionStartDate

RadDatePicker2.SelectedDate = RadCalendar2.RangeSelectionEndDate

Else

RadDatePicker1.Clear()

RadDatePicker2.Clear()

End If

End Sub

' necessary to disable the weekend days on first page load

Protected Sub Calendar_OnDayRender(ByVal sender As Object, ByVal e As Telerik.Web.UI.Calendar.DayRenderEventArgs)

' modify the cell rendered content for the days we want to be disabled (e.g. every Saturday and Sunday)

If (e.Day.Date.DayOfWeek = DayOfWeek.Saturday Or e.Day.Date.DayOfWeek = DayOfWeek.Sunday) Then

' if you are using the skin bundled as a webresource("Default"), the Skin property returns empty string

Dim calendarSkin = RadDatePicker1.Calendar.Skin

If (calendarSkin = "") Then

calendarSkin = "Default"

End If

Dim otherMonthCssClass As String = "rcOutOfRange"

' clear the default cell content (anchor tag) as we need to disable the hover effect for this cell

e.Cell.Text = ""

e.Cell.CssClass = otherMonthCssClass ' set new CssClass for the disabled calendar day cells (e.g. look like other month days here)

' render a span element with the processed calendar day number instead of the removed anchor -- necessary for the calendar skinning mechanism

Dim label As Label = New Label

label.Text = e.Day.Date.Day.ToString

e.Cell.Controls.Add(label)

' disable the selection for the specific day

Dim calendarDay As RadCalendarDay = New RadCalendarDay

calendarDay.Date = e.Day.Date

calendarDay.IsSelectable = False

calendarDay.ItemStyle.CssClass = otherMonthCssClass

RadDatePicker1.Calendar.SpecialDays.Add(calendarDay)

End If

End Sub

End Class

Calendar

answered on 12 Feb 2014

3 answers

480 views

ASP chart in RadEditor giving "PDF corrupted" error when exported to PDF

I have ASP chart which gets populated dynamically & i'm able to put it inside RadEditor but when i try to export it to PDF, the PDF viewer is throwing "Format error: not a pdf or corrupted" error.

Editor

answered on 12 Feb 2014

2 answers

81 views

Need Scrollbars enabled while RadGrid is disabled

Is there any way to have my vertical scrollbar enabled when my grid is disabled? I have the condition where a grid is disabled but need the scrollbar to be enabled so users can scroll thru the items.

Grid

answered on 12 Feb 2014

4 answers

133 views

[Solved] ContextMenu on Child Grid with RadMultiPage

I am trying to get a RadContextMenu to fire on individual child grids and I'm running into roadblocks. I have followed the demo and I have the RadContextMenu working on individual grids with no problem, but when I add children I am unable to fire the context menu. When applying the <ClientEvents OnRowContextMenu="RowContextMenu" /> to any grid (parent or child) I get a "Object doesn't support this property or method. " for menu.show(evt);

<telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">

<script type="text/javascript">

function RowContextMenu(sender, eventArgs) {

var menu = $find("<%=RadGrid1.ClientID %>");

var evt = eventArgs.get_domEvent();

if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") {

return;

}

var index = eventArgs.get_itemIndexHierarchical();

document.getElementById("radGridClickedRowIndex").value = index;

sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);

menu.show(evt);

evt.cancelBubble = true;

evt.returnValue = false;

if (evt.stopPropagation) {

evt.stopPropagation();

evt.preventDefault();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="RadMenu1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMenu1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="RadMenu1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" />

<telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" DataSourceID="SqlDataSource1"

runat="server" AutoGenerateColumns="False" OnItemCommand="RadGrid1_ItemCommand">

<ClientSettings>

<ClientEvents OnRowContextMenu="RowContextMenu" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView DataSourceID="SqlDataSource1" DataKeyNames="JobID">

<NestedViewTemplate>

<asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap" Visible="false">

<telerik:RadTabStrip runat="server" ID="TabStrip1" MultiPageID="Multipage1" Skin="WebBlue"

Align="justify" AutoPostBack="true">

<Tabs>

<%--RadTabs--%>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="Multipage1" RenderSelectedPageOnly="false" SelectedIndex="0">

<telerik:RadPageView runat="server" ID="PageView1">

<telerik:RadGrid runat="server" ID="OrdersGrid" DataSourceID="SqlDataSource2">

<ClientSettings Selecting-AllowRowSelect="true" />

<MasterTableView ShowHeader="true" AutoGenerateColumns="False" ClientDataKeyNames="Employee_Identifier" HierarchyDefaultExpanded="true">

<Columns>

<%--column info--%>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" />

</telerik:RadPageView>

</telerik:RadMultiPage>

</asp:Panel>

<telerik:RadTabStrip runat="server" ID="TabStrip2" Skin="WebBlue" Align="Justify" Width="900px"

Orientation="HorizontalBottom">

<Tabs>

<telerik:RadTab runat="server" Text="Tab 1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab 2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

</NestedViewTemplate>

<Columns>

<%--Column info--%>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" ProviderName="System.Data.SqlClient" runat="server"></asp:SqlDataSource>

</div>

<telerik:RadContextMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick"

EnableRoundedCorners="true" EnableShadows="true">

<Items>

<telerik:RadMenuItem Text="Menu Item Text">

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

Is there a demo out there showing how to perform a RadContextMenu on a child RadGrid when used in conjunction with RadMultiPage and RadTabStrip?

Grid

answered on 12 Feb 2014

7 answers

117 views

Edit Window Template in Window manager

I added a Windows Manager so that I could close windows from an external JavaScript file which works fine.

My issue is that I still have work to do with the contents of the individual Window Templates but after I add the windows to the Windows Manager I can't see the windows in Visual Studio anymore, How do I edit the Window Templates after adding them to the window manager since I don't see an "Edit Template menu item in Windows Manager?

Window

answered on 12 Feb 2014

1 answer

133 views

Detect Collapse/Expand Client-Side Event

I am using a RadTreeList control. How can I detect when a user has collapsed or expanded a node on the client-side before the post-back?

Thanks.

Chris J.

TreeList

answered on 12 Feb 2014

3 answers

163 views

disable RadWindow

I am using the example DBContentProvider-Vb.
How do i disable RadWindow to open when i want to download a images, pdf, ecxel and other files?
I only want to have the download dialog....

FileExplorer

answered on 12 Feb 2014

1 answer

85 views

Rad window in side using Rad button how to set the validation in client side

Window

answered on 12 Feb 2014