Questions on UI for ASP.NET AJAX Forum

5 answers

102 views

Bug on IE 9

When viewed on IE9; contents of all pageviews will be shown in selected index at once.

But when tab is click; corresponding pageview will behave normally..



Note: Tabstrip is within custom control used inside RadGrid.



---- Code below ----



<

telerik:RadTabStrip runat="server" ID="tabStripDetails" SelectedIndex="0" MultiPageID="radMultipage">

<Tabs>

<telerik:RadTab runat="server" id="tabPersonal" PageViewID="viewPersonal" Text="Personal Details">

</telerik:RadTab>

<telerik:RadTab runat="server" id="tabEducation" PageViewID="viewEducation" Text="Educational Background">

</telerik:RadTab>

<telerik:RadTab runat="server" id="tabEmployment" PageViewID="viewEmployment" Text="Employment Details">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="radMultipage" SelectedIndex="0">

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

<div style="border: 1px solid #828282; margin-top: -1px; display: block; background: #ffffff">

Content #1 Goes Here

</div>

</telerik:RadPageView>

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

<div style="border: 1px solid #828282; margin-top: -1px; display: block; background: #ffffff">

Content #2 Goes Here

</div>

</telerik:RadPageView>

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

<div style="border: 1px solid #828282; margin-top: -1px; display: block; background: #ffffff">

Content #3 Goes Here

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

TabStrip

answered on 18 Jan 2012

12 answers

253 views

[Solved] Collapse onload

I have a panelbar that I am using on a masterpage. I am saving state on it so it will pass the state to the next level. My issue is, when users select the home page tab to return to the home page, I would like the panelbar to collapse. I do not want the state to stay the same. I think my goal can be accomplished by having a collapse on load for my Home masterpage. I currently use a Javascript to collapse on selecting another level 1 page. See script below. Can someone tell me how to add an additional javascript that will collapse the panelbar onload.

function collapseItem(panelbar, args)
        {
            if(args.get_item().get_items.length < 1)
            {
        for (var i=0; i < panelbar.get_items.length; i++)
        {
            panelbar.get_items[i].Collapse();
        }
        }
        }
        </script>

PanelBar

answered on 18 Jan 2012

1 answer

107 views

Ajax & URL Re-writing

I've got some controls that do ajax requests on the page, however, i've noticed that they're posting to the wrong page address.

myfirendlyurl/myunfriendlyurl.aspx

From a few searches it seems i've got to set the ajaxurl property of the rad ajax manager. Only thing is .. I can't find it. I've looked at the intellisense attributes in both aspx and the code behind file. Neither list an AjaxUrl property. what gives?

FYI i'm using this version of the controls

2011.2.712.40

Ajax

answered on 18 Jan 2012

1 answer

65 views

RadAjaxManagerProxy - error in documentation

in the 2011 Q3 documentation that is installed on my local computer during setup, I found what I am pretty sure is a typo for the RadAjaxManagerProxy.

The ASPX code has the following:

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

<script type="text/javascript">

function myUserControlClickHandler() {

$find("<%= RadAjaxManager.GetCurrent(PageClientID %>").ajaxRequest("content");

}

</script>

</telerik:RadCodeBlock>

I believe that the code in the $find has an error, and should be the following instead:

$find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("content");

The difference is that is should be ".GetCurrent(Page).ClientID" instead of ".GetCurrent(PageClientID".

At least that is what works for me.

Ajax

answered on 18 Jan 2012

5 answers

197 views

Column resizing with self-referencing hierarchy

I have a RadGrid with a self-referencing dataset, and while it expands and collapses fine, column resizing is not working with multiple levels of data. If the entire grid is collapsed, resizing works fine, but when they are expanded, the cell contents of the highest level rows get resized but the child levels are totally out of alignment. Is this a known issue?

Grid

answered on 18 Jan 2012

10 answers

138 views

RadAjax firing after RadToolTipUpdate

Hopefully someone can help me out here. I have a radtooltip that uses ajax and that works fine on the page. I also have a radajaxmanager object that works fine as well. The radajaxmanager has both OnRequestStart and OnResponseEnd events. When calling any ajaxified control, the process works correctly, however, when I cancel an ajax request in the OnRequestStart event (by calling eventArgs.set_enableAjax(false) and eventArgs.set_cancel(true);), the OnResponseEnd event fires after I hover over the tooltip. The arguments are the same as the prior cancelled event so I'm led to believe the prior ajax call really didn't cancel and the OnResponseEnd is called after my radtooltip's ajax call. Also, if I click another button and the process is allowed to go through (without cancelling), the tooltip works fine on subsequent calls. Any help would be appreciated.

Another thing, the tooltip never fires the OnRequestStart or OnResponseEnd AjaxManager events. It is only after an ajax request is cancelled will this happen.

Ajax

answered on 18 Jan 2012

2 answers

104 views

how to get rowindex of the cell that trigger this clientside function

Is there anyway to get rowindex of the cell that trigger this function.
I know there is a way which uses OnRowClick or OnRowSelect.
In my case i dont want the user to selectrow to update the cell.

This there anyway to change the 4 into rowindex

function editQuantity(sender, eventArgs) {

var masterTable = $find("<%= CartRadGrid.ClientID %>").get_masterTableView();

masterTable.updateItem(4);

}

This is my radgrid

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="CartRadGrid">

<UpdatedControls>

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

<telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="CartRadGrid" runat="server" AllowSorting="True" ShowStatusBar="True"

CellSpacing="0" DataSourceID="CartObjectDataSource" GridLines="None" ShowFooter="True"

Skin="Hay" AllowAutomaticDeletes="True" AutoGenerateColumns="False"

onitemcommand="CartRadGrid_ItemCommand" AllowAutomaticUpdates="True">

<ClientSettings ClientEvents-OnRowClick="OnRowClick">

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowClick="OnRowClick"></ClientEvents>

</ClientSettings>

<MasterTableView DataSourceID="CartObjectDataSource" DataKeyNames="productID" EditMode="InPlace" CommandItemDisplay="Top">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<Columns>

<telerik:GridBinaryImageColumn DataField="image" ImageHeight="80px" ImageWidth="80px"

UniqueName="image" ResizeMode="Fit" HeaderText="Item">

<HeaderStyle Width="10%" HorizontalAlign="Center" />

</telerik:GridBinaryImageColumn>

<telerik:GridBoundColumn DataField="productID"

FilterControlAltText="Filter column column" HeaderText="id"

UniqueName="productID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="productName"

FilterControlAltText="Filter productName column" HeaderText="Name"

UniqueName="productName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="productDesc"

FilterControlAltText="Filter productDesc column" HeaderText="Description"

UniqueName="productDesc">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="price" DataFormatString="{0:C}"

FilterControlAltText="Filter price column" UniqueName="price"

HeaderText="Unit price">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="quantity"

FilterControlAltText="Filter TemplateColumn column" UniqueName="quantity"

HeaderText="Quantity" SortExpression="quantity">

<ItemTemplate>

<telerik:RadNumericTextBox ID="quantityTextBox" runat="server"

ShowSpinButtons="True" width="50px"

DbValue='<%# Convert.ToDouble(Eval("quantity")) %>'

DataType="System.Int32" Culture="en-SG" NumberFormat-DecimalDigits="0" MinValue="0" MaxValue="999"

ClientEvents-OnValueChanged="editQuantity">

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="stock"

FilterControlAltText="Filter stock column" HeaderText="Stock left"

UniqueName="stock">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="total" DataFormatString="{0:C}"

FilterControlAltText="Filter total column" HeaderText="Total"

UniqueName="total" Aggregate="Sum" FooterAggregateFormatString="Total: {0:C}" FooterStyle-CssClass="total">

<FooterStyle CssClass="total"></FooterStyle>

</telerik:GridBoundColumn>

<telerik:GridButtonColumn Text="Delete" CommandName="Delete"

ButtonType="ImageButton" UniqueName="Delete" CommandArgument="asd"

FilterControlAltText="Filter Delete column">

<HeaderStyle Width="2%" />

</telerik:GridButtonColumn>

</Columns>

<PagerStyle AlwaysVisible="True" />

<FooterStyle Height="30px" />

<CommandItemTemplate>

<table border="0" style="width: 100%;" class="rgCommandTable">

<tr>

<td align="left"><asp:Label ID="Label1" runat="server" Text="My Cart"></asp:Label></td>

<td align="right">

<asp:Button CommandName="RebindGrid" runat="server" ID="btnRefresh" Text="Refresh" title="Refresh" CssClass="rgRefresh" />

<asp:Label ID="refreshLabel" runat="server" Text="Refresh"></asp:Label>

</td></tr>

</table>

</CommandItemTemplate>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

<asp:ObjectDataSource ID="CartObjectDataSource" runat="server"

SelectMethod="loadCart" TypeName="GroceryStore.Cart.Cart">

</asp:ObjectDataSource

Grid

answered on 18 Jan 2012

6 answers

264 views

[Solved] Pie chart at 100% cuts off sides of chart

I am wanting to create pie chart with no title, label, legend, etc that takes up the full size of the chart.

However, when I set DiameterScale to 1 (100%) a small amount of the right and bottom sides of the chart is lost, making it no longer look perfectly circular. (Attached are some examples)

I did try and fix this with xoffset and yoffset but the smallest movement was too much.

Is there any way to make a pie chart take up the full size of the chart without losing any pixels?

Chart (Obsolete)

answered on 18 Jan 2012

1 answer

82 views

Menus still expanded on next visit to site

HI

I have tried several of the ideas in this forum but have not managed to make them work for my case.

I have a panel bar with sub menus, and the cookie is set to retain the sub menu open when navigating to the
pages in the menu.

What is also happening - that I don't want to happen - is that when the visitor closes their browser and then comes back to the site later, the menu is still at the state it was when they left . ie if there was a sub menu open, it is still open.

What I have been trying to do (in the panel bar load event) is detect whether there is null referrer (visiting from a bookmark) or the referrer is not a page on the site, and then clear cookies and close all items

If Request.UrlReferrer IsNot Nothing Then

strReferrer = Request.UrlReferrer.GetLeftPart(UriPartial.Authority).ToString()

If InStr(strReferrer, "scargillmovement") > 0 Then

' internal referrer do not remove cookie

Else

'external referrer so close menu

If Page.Request.Cookies("TelerikRadPanelBarCookie") IsNot Nothing Then

Page.Request.Cookies("TelerikRadPanelBarCookie").Value = Nothing

End If

For Each item As RadPanelItem In RadPanelBar1.GetAllItems()

If Not item.Items.Count = 0 Then

item.Expanded = False

End If

Next

End If

Else

' link straight in from bookmark or type in so remove cookie and close menu

If Page.Request.Cookies("TelerikRadPanelBarCookie") IsNot Nothing Then

Page.Request.Cookies("TelerikRadPanelBarCookie").Value = Nothing

End If

For Each item As RadPanelItem In RadPanelBar1.GetAllItems()

If Not item.Items.Count = 0 Then

item.Expanded = False

End If

Next

End If

Maybe the referrer information is not even available in this page event. Maybe it can be done in JavaScript after page load?

Thanks

Clive

PanelBar

answered on 18 Jan 2012

0 answers

103 views

Error on IE - 'Syntax Error' if CustomErrors are On while loading pages having telerik grid

We are facing an issue on those pages containing telerik grid. When the page loads, there is an error in IE which says - 'Syntax Error' Line 3 Char 1. We get this error only if CustomError is set to On in the web.config file.

</customErrors>

It works fine on pages where telerik grid is not present. We are using the version 2010.1.519.35 of Telerik.Web.UI.dll and Telerik.Web.Design.dll.

When we tried to debug the error, we got the message - 'Sys is undefined' and debugging took us to the file WebResource_2.axd. Seeing the previous threads on this error, we tried to modify the web.config with changes suggested in http://www.asp.net/ajax/documentation/live/ConfiguringASPNETAJAX.aspx and also added

<system.web>

</authorization>

</system.web>

</location>

but both the things did not work.

Please have a look and let us know if you need any other details.

Attached the global.asax code for application_error event and the file we get when we debug the IE js error.

Grid

asked on 18 Jan 2012