Questions on UI for ASP.NET AJAX Forum

4 answers

126 views

[Solved] Dynamic Client-side PanelBar not showing expandable icon

Hi,

We have our page loading the data for the panel bar items using an AJAX call, then creating the RadPanelItems dynamically using the result. We seem to be having an issue where the items don't appear to be expandable because the "arrow" icon doesn't show. This scenario works BEAUTIFULLY, with the exception that a user can't tell if root items can be opened or not ...

When we do the same thing, but completely server side, there is no issue and we see the icons correctly.

Please advise,
Kori

PanelBar

answered on 04 Sep 2012

5 answers

156 views

[Solved] Obtaining grid values client side issue

Hi guys,

I've come across an issue and I was hopnig you could let me know if I'm doing something wrong or if there is a problem here.

I have a radgrid all set-up correctly. In a javascript function I need to obtain the values of the selected row, this works fine for all columns except for a column which isn't visible.

Is there a different way to retrieve values from columns where the visibility is set to false?

Grid

<telerik:RadGrid runat="server" ID="rgLzHits" AutoGenerateColumns="False">

<MasterTableView PagerStyle-Mode="NumericPages" EditMode="EditForms" DataKeyNames="displayid">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<Columns>

<telerik:GridBoundColumn DataField="displayid" HeaderText="displayid"

UniqueName="displayid" visible="False" ReadOnly="true" ItemStyle Width="300px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="displayname" HeaderText="Landing Zone"

UniqueName="displayname" visible="True" ReadOnly="true" ItemStyle-Width="300px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="totalhits" HeaderText="Total"

UniqueName="totalhits" visible="True" ReadOnly="true" ItemStyle-Width="300px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="distincthit" HeaderText="Distinct"

UniqueName="distincthit" visible="True" ReadOnly="true" ItemStyle-Width="50px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="distinctpercent" HeaderText="Distinct %"

UniqueName="distinctpercent" visible="True" ReadOnly="true" ItemStyle-Width="50px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AvgRating" HeaderText="Avg Rating"

UniqueName="AvgRating" visible="True" ReadOnly="true" ItemStyle-Width="100px">

</telerik:GridBoundColumn

<telerik:GridBoundColumn DataField="CatName" HeaderText="Category Name"

UniqueName="CatName" visible="True" ReadOnly="true" ItemStyle-Width="100px">

</telerik:GridBoundColumn>

</Columns>

<DetailTables>

<telerik:GridTableView runat="server" Name="LZHitsContacts" AutoGenerateColumns="false" NoDetailRecordsText="No results exist for this contact">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<Columns>

<telerik:GridBoundColumn DataField="Firstname" HeaderText="First Name"

UniqueName="Firstname" visible="True" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Lastname" HeaderText="Last Name"

UniqueName="Lastname" visible="True" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmailLogin" HeaderText="Email Address"

UniqueName="EmailLogin" visible="True" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="eventdate" HeaderText="Event Date"

UniqueName="eventdate" visible="True" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="contactrating" HeaderText="Contact Rating"

UniqueName="eventdate" visible="True" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SocialMedia" HeaderText="Social Share"

UniqueName="SocialMedia" visible="True" ReadOnly="true">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="True">

<Selecting AllowRowSelect="True"></Selecting>

</ClientSettings>

</telerik:RadGrid>

Javascript

var grid = $find("<%=rgLzHits.ClientID %>");

var MasterTable = grid.get_masterTableView();

var selectedRows = MasterTable.get_selectedItems();

if(selectedRows != -1)

{

for (var i = 0; i < selectedRows.length; i++) {

var row = selectedRows[i];

var SearchValue = MasterTable.getCellByColumnUniqueName(row, "displayid");

var PageTitle = MasterTable.getCellByColumnUniqueName(row, "displayname");

}

alert(SearchValue);

alert(PageTitle);

The alert of the pagetitle returns the object fine where as the seachvalue always returns null.

Thanks.

Grid

answered on 04 Sep 2012

5 answers

110 views

Newest RadDatePicker crashes code (broken functionality)

I upgrade to the latest version of Telerik (2012.2.607.40) and now my code no longer works. My control is below...

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" Culture="English (United States)" >

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" ShowRowHeaders="false">

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" ItemStyle-BorderColor="Blue">

</telerik:RadCalendarDay>

</SpecialDays>

</Calendar>

<DatePopupButton HoverImageUrl="" ImageUrl="" ToolTip="Calendar Search" />

<DateInput ID="DateInput1" runat="server" DateFormat="MM/yyyy"

DisplayDateFormat="MM/yyyy">

<ClientEvents OnFocus="Focus" OnBlur="Blur" OnValueChanging="ValueChanging" OnValueChanged="ValueChanged">

</ClientEvents>

</DateInput>

</telerik:RadDatePicker>

This is the start of my ValueChanging function...

function ValueChanging(sender, args) {

var enteredValue = args.get_newValue(); //Retrieves value as string entered or selected in calendar.

enteredValue = enteredValue.replace(/-/g, '/'); // In case user enters hyphen, change it to backslash.

After selecting a date from the calendar, the code now crashes on the replace function because get_newValue returns Wed Jun 6 00:00:00 CDT 2012, which is not a string, so it doesn't have a replace function. This used to work. Also, while digging for answers at the link below, I tried get_newDate() which I would expect to return that value instead, but it is now undefined and no longer a valid function.

http://www.telerik.com/help/aspnet-ajax/calendar-on-date-selected.html

Calendar

answered on 04 Sep 2012

5 answers

91 views

Error message can't be catched in Edit Form

Hello Telerik team, please help with below. Thanks!
I have a question about catch error message on radscheduler Edit form when update a single appointment (RecurrenceState is Exception) in RecurrenceExceptionCreated block:
protected void RadScheduler1_RecurrenceExceptionCreated(object sender, Telerik.Web.UI.RecurrenceExceptionCreatedEventArgs e)

{

.........
else / / catch ovelap
e.Cancel = true;
Label overLapMessage= (Label)((RadScheduler)sender).Controls[1].Controls[0].FindControl("errMessage");
errMessage.Text = "A scheduling conflict has occurred.";
}
After click Save button, the Edit Form go away.

But I can catch the message on Edit Form in update block for appointment that is NotRecurring.

protected void RadScheduler1_AppointmentUpdate(object sender, AppointmentUpdateEventArgs e)

{

same code as above
}

General Discussions

answered on 04 Sep 2012

1 answer

116 views

Advance Form issues

Hello,
I am using the AdvanceForm template for my RadShceduler application. There are couple issues that I need help.
1) How do you stop the validation when the AdvanceForm first load (see Subject field)
2) How do you align all fields. The Text box is no aligned with DatePicker
3) If you have Custom Attributes in the form, how do you clear their values when you open the AdvanceForm the second time?
Thanks

Scheduler

answered on 04 Sep 2012

1 answer

81 views

Two subreports with two different datasources

Hi Everybody

I am creating the report on Telerik Q2 2012. I created one master report and two subreport. The master report is just accepted the parameters. The two subreports have two different entity datasources. I can create and run this. But I cannot see the correct format for this in detail section. The one subreport will have the many rows and the other sub report will not have exact number of rows. I am using the page break for each. How should I do to view correct format? I attach the step by step creation by image. You can see the result.png which I got this result. The first sub report has to show some more rows. But these are going to next page. How should I do?

Best Regards
Nge Nge

General Discussions

answered on 04 Sep 2012

0 answers

143 views

RadTreeList fireCommand not firing

Hi,

I am using Telerik RadTreeList with the option of Drag and Drop of rows. In the Client Side itemDropping event i have used the following code.

var itm = args.get_draggedItems()[0];
itm.fireCommand("CustomItemsDropped", 1);

But this fireCommand is not firing the Server Side ItemCommand of RadTreeList. Please let me know a better solution for this.

Thanks & Regards
Kannan. S

TreeList

asked on 04 Sep 2012

2 answers

229 views

Toggle state in RADToolBar

Hello , I would like to use 'Toggle states in RADToolBar (ex. Play/Pause buttons).
Can you please help me implement it.

Thanks and Regards,
Vaneeth

ToolBar

answered on 04 Sep 2012

3 answers

213 views

RadPanelBar with dynamically created RadMenu

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Menu.aspx.cs" Inherits="MyTelerikSamples.Menu" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Outlook" Width="190px">

<Items>

<telerik:RadPanelItem runat="server" Text="Root Panel Item" Expanded="true" Selected="true">

<Items>

<telerik:RadPanelItem runat="server" Value="templateHolder">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

<CollapseAnimation Duration="100" Type="None" />

<ExpandAnimation Duration="100" Type="None" />

</telerik:RadPanelBar>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace MyTelerikSamples

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

RadPanelItem panelItem = (RadPanelItem)RadPanelBar1.FindItemByValue("templateHolder");

RadMenu myMenu = new RadMenu();

                      myMenu.Width = Unit.Percentage(100);

myMenu.Skin = "Outlook";

myMenu.Flow = ItemFlow.Vertical;

RadMenuItem MainItem = new RadMenuItem("Main Item");

RadMenuItem Child1 = new RadMenuItem("Child 1");

Child1.Width = Unit.Percentage(100);

RadMenuItem Child2 = new RadMenuItem("Child 2");

Child2.Width = Unit.Percentage(100);

MainItem.Items.Add(Child1);

MainItem.Items.Add(Child2);

myMenu.Items.Add(MainItem);

panelItem.Controls.Add(myMenu);

}

I tried this solution given in the below link. Which did not work.
http://www.telerik.com/help/aspnet-ajax/radpanelbar-dynamically-created-radmenu.html

Unable to see the menu on top of RadPanelBar1 and only able to see only 1 submenu item "Child 1" if i donot set myMenu.Width to 100%.
I donot want to increase the height of the panel as I have some other items to be shown below myMenu.
Please help me.

PanelBar

answered on 04 Sep 2012

9 answers

215 views

CDN fallback

If the telerik static CDN is not available, will it fallback to pulling the CSS from my server? If not, is it feasible for you to add that feature? Even though it is not likely that the Amazon CDN would not be available, you can never completely rely on cloud services, as seen from the recent Azure downtime. I would appreciate your thoughts on this one.

ScriptManager and StyleSheetManager

answered on 04 Sep 2012