Questions on UI for ASP.NET AJAX Forum

3 answers

73 views

Browser Back not loading MultiPage.css for RadTabStrip/RadMultiPage

Hi All,

I've got a page that is using RadTabStrip and RadMultiPage that is working fine except when the page is loaded due to the user using the Browser Back button. In this case, the MultiPage.css is not being loaded, and the RadMultiPage is showing all of the "pages".

I can solve the problem by explicitly including the stylesheet "http://aspnet-skins.telerikstatic.com/ajaxz/2016.1.113/MultiPage.css" but this is not ideal as we'll need to remember to update every time we update the controls.

In case it matters, on page load the RadMultiPage is set Visible="False", and is only set visible when the user selects a row from an adjacent grid and we fill with that rows data.

Any ideas?

TabStrip

answered on 12 Jul 2016

7 answers

225 views

RadMenu and Loading Panel - Clicking on menu item to redirects to slow loading page

When a user logs into our webportal web site, they are taken to the Customer Portal page that has a RadMenu.

The RadMenu is dynamically created with different menu items based on what the user has access to.

Some of the menu items are for web pages that are slow in loading.

I need a way to show a Loading Panel and/or message like "Loading...Please Wait!" on the Customer Portal page to indicate to the user that it is working on loading the web page and once it is done loading then show the web page.

Currently, I have the RadMenu set up to use OnClientItemClicking to prevent from anything happening if the user accidently clicks on the root menu item.

Please help!

Thanks in advance!

Sincerely,

Keith Jackson

Menu

answered on 12 Jul 2016

5 answers

198 views

Crash in GridSettingsPersister class

Hi

I our project we are using Class GridSettingsPersister in the link(http://www.telerik.com/help/aspnet/grid/grdsavingsettingsonperuserbasis.html). Previously when we are Telerik.Web.UI version 2009.2.701.20 it was working fine. We upgrade Telerik.Web.UI version ()it is crashing in some page at Dim gridSettings() As Object = CType(formatter.Deserialize(reader), Object()).

When we connected development database it is crashing.while it is test in testing database there was no issue.

Its value of parameter ‘setting’ passed to LoadSettings() function

Development Database :

/wEUKwAFFgQeAl9jAgEeATAWBB4DX2ZuBRFXb3JrZmxvd0RhdGVfdGVtcB4DX3NvCyl1VGVsZXJpay5XZWIuVUkuR3JpZFNvcnRPcmRlciwgVGVsZXJpay5XZWIuVUksIFZlcnNpb249MjAwOS4yLjcwMS4yMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj0xMjFmYWU3ODE2NWJhM2Q0AhQrAAAUKhJTeXN0ZW0uV2ViLlVJLlBhaXIIDwIDHA8CBBwPAgUbAAAAAAAAKEAHAAAADwIGGwAAAAAAAERABwAAAA8CBxsAAAAAAAA2QAcAAAAPAggbAAAAAAAAGEAHAAAADwIJGwAAAAAAACRABwAAAA8CChsAAAAAAAAkQAcAAAAWCGhoZ2dnZ2doAgo=

Testing Database

/wEUKwAFFgQeAl9jAgEeATAWAh4DX2ZuBRFXb3JrZmxvd0RhdGVfdGVtcBQrAAAUKhJTeXN0ZW0uV2ViLlVJLlBhaXIIDwIDHA8CBBwPAgUbAAAAAAAAKEAHAAAADwIGGwAAAAAAAERABwAAAA8CBxsAAAAAAAA2QAcAAAAPAggbAAAAAAAAGEAHAAAADwIJGwAAAAAAACRABwAAAA8CChsAAAAAAAAkQAcAAAAWCGhoZ2dnZ2doAhQ=

We try this solution Set the MaxPageStateFieldLength proprety of Pages in Web.config file

but still issue existing .

The error message while debugging is 'The serialized data is invalid' but browser show another runtime error message. Please check the screen shot.

General Discussions

answered on 12 Jul 2016

1 answer

121 views

DateTimeColumn will not filter correctly

I have a programmatically created radgrid. One Column in the grid is a GridDateTimeColumn. I have allowed filtering on this column, but I can not get it to filter to the exact date. I initially was trying to do format so I could filter on date and time, but I would settle for just the date at this point if it got it working. The column created code is:

GridDateTimeColumn bc40 = new GridDateTimeColumn();

dg.MasterTableView.Columns.Add(bc40);

bc40.PickerType = GridDateTimeColumnPickerType.DatePicker;

bc40.DataField = "LaunchDate";

bc40.HeaderText = "LaunchDate";

bc40.UniqueName = "LaunchDate";

bc40.ItemStyle.HorizontalAlign = HorizontalAlign.Left;

bc40.AutoPostBackOnFilter = true;

bc40.DataFormatString = "{0:MM/dd/yyyy}";

bc40.EnableTimeIndependentFiltering = true;

bc40.FilterDateFormat = "MM/dd/yyyy";

bc40.DataType = typeof(System.DateTime);

bc40.Display = true;

I have try muliple variations of FormatString, FilterFormats, Disabled TimeIndepence with no such luck. I though it may be looking directly at the grid's format, so I have also added this to my ItemDataBound event:

DateTime launchDateTime = DateTime.Parse(item["LaunchDate"].Text.ToString());

string formattedDateTime = String.Format("{0:MM/dd/yyyy}", launchDateTime);

item["LaunchDate"].Text = formattedDateTime;

The date on the grid shows up in the format of 01/01/2016. The format in the filter shows up as 01/01/2016. But when the filter of "Equal To" is set, I don't retrieve any records.

This filter is a requirement for my application to work properly. Any help would be greatly appreciated.

Grid

answered on 12 Jul 2016

3 answers

142 views

RadGrid Export Content-Type Is Wrong

I use the Export feature in RadGrids on many pages to export Excel, MSWord and PDF documents. It works on all but one page. The culprit throws the PageRequestManagerParserErrorException when Visual Studio is in Debug mode. Furthermore, if I try to export an Excel document, Fiddler shows that the response header’s Content-Type is “text/plain; charset=utf-8” instead of “application/vnd.ms-excel;”, and the WebView and Raw view is gobble-de-gook. Please help.

Grid

answered on 11 Jul 2016

1 answer

163 views

How-to keep MS-Word formatting (or make the least changes) on ImportContent

Hi,

I am using RadEditor to load a DOCX, replace a few strings with RadFlowDocumentEditor on the ImportContent event, and then export to DOCX.

I am only using the Editor to view the replaced values before exporting to DOCX and I find that layout and formating have changed during the process.

For now, using RTF instead of DOCX and setting Import StylesMode to Inline has brought the best results but some formatting issues remain (tables, numbering, etc.).

How can I make RadEditor perform the least changes?

Thanks

Editor

answered on 11 Jul 2016

27 answers

715 views

RadGrid with Filtering not working!

Hi,

I've got the following code:

default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="default.aspx.cs"

Inherits="default" EnableSessionState="False" %>

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

<title>Basic Filtering</title>

</head>

<body>

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

</telerik:RadScriptManager>

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

<telerik:AjaxSetting AjaxControlID="RadGrid1">

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="30"

BackColor="#dff3ff">

<tr>

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/AjaxLoader-0066cc-W32ByH32.gif"

Width="32" Height="32" Style="border: 0px;" />

</td>

</tr>

</table>

</telerik:RadAjaxLoadingPanel>

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

function showFilterItem() {

$find('<%=RadGrid1.ClientID %>').get_masterTableView().showFilterItem();

}

function hideFilterItem() {

$find('<%=RadGrid1.ClientID %>').get_masterTableView().hideFilterItem();

}

</script>

</telerik:RadCodeBlock>

<p>

Show filtering item

<input id="Radio1" type="radio" runat="server" name="showHideGroup" checked="true"

onclick="showFilterItem()" /><label for="Radio1">Yes</label>

<input id="Radio2" type="radio" runat="server" name="showHideGroup" onclick="hideFilterItem()" /><label

for="Radio2">No</label>

</p>

<telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" DataSourceID="SqlDataSource1"

Width="780px" AllowFilteringByColumn="True" AllowSorting="True" PageSize="15"

ShowFooter="True" AllowPaging="True" runat="server" GridLines="None" EnableLinqExpressions="false">

<MasterTableView AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True"

ShowFooter="True" TableLayout="Auto">

<telerik:GridNumericColumn DataField="Order Id" HeaderText="Order Id" SortExpression="Order Id"

UniqueName="Order Id" FilterControlWidth="40px" AutoPostBackOnFilter="false"

CurrentFilterFunction="equalto" ShowFilterIcon="false" />

<telerik:GridBoundColumn FilterControlWidth="150px" DataField="Ship Name" HeaderText="Ship Name"

SortExpression="Ship Name" UniqueName="Ship Name" AutoPostBackOnFilter="true"

CurrentFilterFunction="Contains" ShowFilterIcon="false" />

<telerik:GridDateTimeColumn FilterControlWidth="70px" DataField="Order Date" HeaderText="Order Date"

SortExpression="Order Date" UniqueName="Order Date" PickerType="None" DataFormatString="{0:d}" />

<telerik:GridDateTimeColumn FilterControlWidth="150px" DataField="Shipped Date" HeaderText="Shipped Date"

SortExpression="Shipped Date" UniqueName="Shipped Date" PickerType="DatePicker"

DataFormatString="{0:D}">

</telerik:GridDateTimeColumn>

<telerik:GridMaskedColumn FilterControlWidth="100px" DataField="Ship ZIP/Postal Code"

HeaderText="Ship ZIP/Postal Code" SortExpression="Ship ZIP/Postal Code" UniqueName="Ship ZIP/Postal Code"

Mask="#####">

</telerik:GridMaskedColumn>

<telerik:GridNumericColumn HeaderStyle-Width="90px" FilterControlWidth="50px" DataField="Shipping Fee"

DataType="System.Decimal" HeaderText="Shipping Fee" SortExpression="Shipping Fee"

UniqueName="Shipping Fee" Aggregate="Sum">

</telerik:GridNumericColumn>

</Columns>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:MicrosoftAccess_v2007_Northwind %>"

ProviderName="System.Data.OleDb" SelectCommand="SELECT * FROM Orders" runat="server">

</asp:SqlDataSource>

</form>

</body>

</html>

There's nothing in the code-behind file defaualt.aspx.cs. Problem I'm getting is that when I click on the paging or filtering, the AJAX request is served (I can see the telerik:RadAjaxLoadingPanel running), but it runs indefinitely and the data doesn't change. The data source itself is an Access 2007 file (Northwind 2007.accdb) located in the App_Data folder of the application.

I'm using "RadControls_for_ASP.NET_AJAX_2009_3_1103" on VS.Net 2010. The project where this Default.aspx page is set up is a "Telerik RadControls CSharp Web Application".

Thanks in advance for any help.

Sanjay.

Grid

answered on 11 Jul 2016

4 answers

289 views

How to integrate asp:Repeater with RadPanelBar

Hi. I would like to know how do i integrate asp:Repeater with telerik:RadPanelBar. my final outcome would be each row in the repeater is able to show and hide as the content of the repeater might cause the whole page to be very long

i receive the following error

Telerik.Web.UI.RadPanelItemCollection must have items of type 'Telerik.Web.UI.RadPanelItem'. 'ItemTemplate' is of type 'System.Web.UI.HtmlControls.HtmlGenericControl'.

my markup.

01.<asp:UpdatePanel ID="UpdatePanel2" runat="server">

02. <ContentTemplate>

03.

04. <asp:Repeater ID="Repeater2" runat="server">

05.

06. <HeaderTemplate>

07. <telerik:RadPanelBar RenderMode="Lightweight" runat="server" ID="RadPanelBar1" Width="750" Height="250"

08. Skin="Telerik" ExpandMode="FullExpandedItem">

09. <Items>

10. </HeaderTemplate>

11. <ItemTemplate>

12. <telerik:RadPanelItem Expanded="true" CssClass="top-offers">

13. <ContentTemplate>

14. <tr>

15. <td>

16. <asp:Label runat="server" ID="lblEntry">Entry Type <%# Container.ItemIndex+1 %></asp:Label>

17. </td>

18. </tr>

19. <tr>

20. <td>Entry Qualification</td>

21. <td>

22. <telerik:RadEditor ID="txtQualification" runat="server"

Content='<%# DataBinder.Eval(Container.DataItem, "qualification") %>' ToolsFile="/Users/benjamin/Desktop/editor/ToolsFile.xml" EditModes="Design">

23. <DocumentManager ViewPaths="~/Documents" UploadPaths="~/Documents" />

24. </telerik:RadEditor>

25. </td>

26. </tr>

27. <tr>

28. <td>Academic Requirement</td>

29. <td>

30. <telerik:RadEditor ID="txtRequirement" runat="server"

Content='<%# DataBinder.Eval(Container.DataItem, "requirement") %>' ToolsFile="/Users/benjamin/Desktop/editor/ToolsFile.xml" EditModes="Design">

31. <DocumentManager ViewPaths="~/Documents" UploadPaths="~/Documents" />

32. </telerik:RadEditor>

33. </td>

34. </tr>

35. <tr>

36. <td>Relavant Working Experience</td>

37. <td>

38. <telerik:RadEditor ID="txtExperience" runat="server"

Content='<%# DataBinder.Eval(Container.DataItem, "experience") %>' ToolsFile="/Users/benjamin/Desktop/editor/ToolsFile.xml" EditModes="Design">

39. <DocumentManager ViewPaths="~/Documents" UploadPaths="~/Documents" />

40. </telerik:RadEditor>

41. </td>

42. </tr>

43. <tr>

44. <td>

45. <asp:Button ID="btnRemoveCert" runat="server" Text="Remove Certificate"

46. CommandName="remove" CommandArgument='<%# Container.ItemIndex %>' />

47. </td>

48. </tr>

49. <tr>

50. <td colspan="2"><hr /></td>

51. </tr>

52. </ContentTemplate>

53. </telerik:RadPanelItem>

54. </ItemTemplate>

55. <FooterTemplate>

56. <tr>

57. <td>

58. <asp:Button ID="btnAddEntry" runat="server" Text="Add Entry" OnClick="btnAddEntry_Click" />

59. </td>

60. </tr>

61. </Items>

62. </telerik:RadPanelBar>

63. </FooterTemplate>

64. </asp:Repeater>

65.

66. </ContentTemplate>

67.</asp:UpdatePanel>

PanelBar

answered on 11 Jul 2016

1 answer

106 views

Updating from RadGrid not working with EntityDataSource

I've hooked up RadGrid to an EntityDataSource control. It shows data fine, but won't update. Here is how I have the data source control setup:

<ef:EntityDataSource ID="EntityDataSource1" runat="server" EntitySetName="Events" DefaultContainerName="" EnableInsert="True" EnableUpdate="True" ContextTypeName="DataAccess.SurveyContext" EnableFlattening="False" AutoPage="False" AutoSort="False" EnableViewState="True"></ef:EntityDataSource>

Any ideas why update won't work?

David McCarter

Grid

answered on 11 Jul 2016

1 answer

182 views

Expand DetailTables on RowClick

I've got a Grid which holds quite a few columns of information.The first column of each row is a button with a unique ID that, when clicked, expands the DetailTables with relevant information to the row. The button executes the following command: CommandName="expandCollapse" .

How can I make it so that whenever I click a row it would expand the DetailTables? Any help would be much appreciated.

Grid

answered on 11 Jul 2016