Questions on UI for ASP.NET AJAX Forum

2 answers

214 views

Loading Panel Keeps Loading after firing cancel command

hi
i have a content page and a RadGrid within it, edit form template implemented, loading panel and rad ajax manager.
when i click the edit button, a popup template form viewed, when i click the cancel button "sometimes" loading panel keeps loading and sometimes everything is OK, also i've tried to implement hide and show the loading panel explicitly using the JavaScript code
snippet in the Telerik documentation website, script manager is defined at master page.
i've tested this page hundreds i hope to find a solution.

please help, thanks

Grid

answered on 20 Jan 2012

1 answer

107 views

keyboard left/right expand collapse operations

The radtreeview node expands and collapses both using left arrow key and right arrow key. Is there a way to restrict the user to expand only using right key and collapse using left key, other than handling javascript events?

TreeView

answered on 20 Jan 2012

3 answers

388 views

RadGrid slow paging

Hi, I know that this topic was raised here before but I can’t really get anywhere reading previous posts. Could someone point me in the right direction?

I have created a clear page , added radgrid, object data source and radscriptmanager, paging enabled(10) . Objectdatasource is using dataset based on stored procedure retrieving 100k rows. I understand that initial load time can be slow as it’s a lot of data, but I was hoping that switching between pages will be really quick. Looking at profiler when I go form one page to another the same query is executed on sql server, I am not sure why we would query for data we already have. Could someone tell me what I am doing wrong and what should I do to make it quicker ?

I am using: version 2011.1.519.35

Thank you for help

Grid

answered on 20 Jan 2012

2 answers

120 views

Loading panel wont show/ajax not working

I'm not sure if the loading panel is not showing because the ajax manager is not working or vice versa. But I do know the loading panel is not showing and it appears that the page is still performing a postback by the looks of the browser. Can you help? Here's my code

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="grdActivity">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

</telerik:RadAjaxLoadingPanel>

<div id="RecentActivityContent" class="QuickViewContent">

<telerik:RadGrid runat="server" ID="grdActivity" DataSourceID="objActivity" Width="360px"

GridLines="Horizontal" Skin="Sunset" ShowHeader="false" >

<HeaderStyle CssClass="HistoryGridHeader" />

<PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>

<MasterTableView AutoGenerateColumns="false" CssClass="GridRecentActivity">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Date" FieldName="Date" FormatString="{0:D}"

HeaderValueSeparator=" from date: " />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Date" SortOrder="Descending" >

</telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridTemplateColumn DataField="Message" HeaderText="Message" UniqueName="Message">

<ItemTemplate>

<asp:Label runat="server" id="Label1" Text='<%# Eval("Type") %>' CssClass="FirstColumn" /> -

<asp:Label runat="server" id="lblMessage" Text='<%# Eval("Message") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">

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

<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"

ResizeGridOnColumnResize="False"></Resizing>

</ClientSettings>

</telerik:RadGrid>

Thanks,
Ron.

Ajax

answered on 20 Jan 2012

1 answer

87 views

Indexing Issue Tabs not change, page does.

I have set up my tabcontrol, but when it runs it never moves off of the first one. I think it has something to do with the
selectedindex="0", but the builder didn't put anything in for that. I tried the Javascript I found on here but that just generates
an error that Microsoft JScript runtime error: Unable to get value of the property 'get_element': object is null or undefined

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

</telerik:RadScriptManager>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0"

ontabclick="RadTabStrip1_TabClick" Skin="Black">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/Default.aspx"

Selected="True" Text="Home">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/Careers.aspx"

Text="Careers">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/ContactUs.aspx"

Text="ContactUs">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/About.aspx"

Text="About Us">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Service.aspx"

Text="Services">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/GetAQuote.aspx"

Text="Get A Quote">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Products.aspx"

Text="Products">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/pads.aspx" Text="Pads">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/holiday1.aspx"

Text="Holiday Cards">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Resources.aspx"

Text="Resources">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Uploadafile.aspx"

Text="Up Load A File">

</telerik:RadTab>

<telerik:RadTab runat="server" BackColor="Transparent" Font-Bold="True"

ForeColor="Red" Text="On-line Specials" NavigateUrl="~/Specials.aspx">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<script type="text/javascript">

function pageLoad() {

var tabstrip = $find("RadTab");

$telerik.$("a", tabstrip.get_element()).bind("focus", function () {

var index = $telerik.$("a", tabstrip.get_element()).index(this);

tabstrip.get_tabs().getTab(index).set_selected(true);

});

}

</script>

TabStrip

answered on 20 Jan 2012

8 answers

94 views

[Solved] Scrolling Sticks when Mousing over

Hi,

I'm trying to use the rotator in a few sites but the one common feedback I get back is that the users do not like how the scrolling with the mouse wheel sticks and stops their ability to continue scrolling down the page.

I know that the mouse wheel is trying to scroll through images, but I couldn't find anything that would simply stop the sticking. I don't need the mouse wheel scrolling the images, I would like the mouse wheel to operate as normal and continue scrolling down the page.

You can see an example here: http://www.entertheworshipcircle.com

Your feedback would be appreciated!

Thanks,
Chris

Rotator

answered on 20 Jan 2012

2 answers

123 views

Customizing resource header

Hello

    I want my scheduler to appear similar to the image attached.  (i.e Room ID's in top)

How should I implement it ?

Abhishek

Scheduler

answered on 20 Jan 2012

1 answer

205 views

Sorting Currency/Numbers with Grid created in code behind

Hi,

I have Telerik grid control where the columns and rows are added in the code behind.

Everything works great - except the sorting. I need to have currency fields sort by currency/number fields sort properly instead of using string sort.

Any idea the best way to go about this is for the approach below is?

Thanks,
Chris

DataTable dt = new DataTable();

dt.Columns.Add("Column1");

dt.Columns.Add("Cost");

string[] info = new string[2];

info[0] = "Row1_cell1";

info[1] = "23.00";

Session["DataTable"] = dt;

RadGrid1.DataSource = dt;

RadGrid1.DataBind();

Grid

answered on 20 Jan 2012

5 answers

140 views

[Solved] Disabled items

Hello

I have a slider where i can select a number from 0-5. If I disable one of these items it is still possible to select it. Even If I set the element to visible=false it is still selecteble just that the layout get mixed upp.

I just want it grayed out and non selecteble. If I try to select it or drag it to that number it will just go back to its previous position.
Is this possible?

Slider

answered on 20 Jan 2012

15 answers

318 views

URGENT:Load On Demand RadPanelBar with MultiPage

CASE SCENARIO :

I have a rad panel bar as you can see it in the code below,a MultiPage and 2 usercontrols..

WHAT I WANT:

Whenever we click on any item in the panel , new pageview gets created from code-behind , the ID of pageview is same as value of item getting clicked, the pageview dynamically loads an usercontrol (refer C# code)
The Panel clicking also fires a javascript event in which if the pageview is already loaded it simply displays that pageview without any server-side event or postback occuring(refer javascript code)

WHAT IS THE PROBLEM IN MY CODE? WHY AIN'T IT WORKING THE WAY IT IS EXPECTED TO ? Thanks

ASPX CODE:

<telerik:RadPanelBar style="margin-left:8px;" ID="RadPanelBar1" Runat="server" Skin="Office2007"

Width="210px" onitemclick="RadPanelBar1_ItemClick" OnClientItemClicked="onitemclick">

<Items>

<telerik:RadPanelItem runat="server"

Owner="RadPanelBar1" Text="Speak & Listen.." Expanded="True">

<Items>

<telerik:RadPanelItem runat="server" Owner=""

Selected="True" Text="Friends News Feed" Value="nfeed">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server"

Owner=""

Text="Following Public Profiles" Value="try">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</telerik:RadPanelBar

>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" OnPageViewCreated="RadMultiPage1_PageViewCreated">

			    </telerik:RadMultiPage>

C# CODE

protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

}

protected void RadPanelBar1_ItemClick(object sender, RadPanelBarEventArgs e)

{

RadPageView pager = new RadPageView();

pager.ID = e.Item.Value.ToString();

Control userControl = Page.LoadControl("Newsfeed/" + e.Item.Value.ToString() + ".ascx");

userControl.ID = e.Item.Value.ToString() + "usercontrol";

pager.Selected = true;

pager.Controls.Add(userControl);

RadMultiPage1.Controls.Add(pager);

}

JAVASCRIPT CODE

function onitemclick(sender, args) {

var multiPage = $find("<%=RadMultiPage1.ClientID%>");

var item = args.get_item();

var itemt = item.get_value();

if (multiPage.get_pageViews().get_count() > 2) {

for (var i = 0; i < multiPage.get_pageViews().get_count(); i++) {

if (multiPage.get_pageViews().getPageView(i).get_id() == itemt) {

var pageView = multiPage.findPageViewByID(itemit);

pageView.set_Selceted(true);

pageView.show();

item.set_postBack(false);

}

PanelBar

answered on 20 Jan 2012