Questions on UI for ASP.NET AJAX Forum

1 answer

132 views

Telerik upgrade from version 2011.2.712.40 to 2016.3.1027

We currently have Telerik version 2011.2.712.40 and to upgrade to version 2016.3.1027.
Our application runs on VS2010 microsoft framework 4.0.

Can we upgrade Telerik without upgrading Visual Studio nor the framework?

Thank you

General Discussions

answered on 13 Dec 2016

2 answers

679 views

RADGrid Export to Excel Wrap Text format

I have an export to excel where I enter 
 the excel crlf character. All of that works fine but when I open the excel file the column is not formatted to handle crlf and I have to set it to Wrap Text manually. Is there any way to format this column with wrap text?

Thanks,

James

Grid

answered on 13 Dec 2016

1 answer

80 views

Development Strategies

I've been using RadAJAX for WebForms for a couple of years. I do 99% of my coding with dynamic controls, created in the code behind. My current project has many tab controls with multipages, etc, and many controls within each muliview. I am using RadAjaxManager and carefully keeping track of which controls trigger which.

Do I seriously have to recreate each and every control for every postback?? There are 100s, and many of them are not created until the user takes certain actions.

What are the strategies I can use?

General Discussions

answered on 13 Dec 2016

2 answers

231 views

Editing MasterView and DetailView with nested Grids

Hi I have a bit of a problem, I have created a RadGrid with a masterView that displays initial info about a product, the grid has a Detail View which is another grid of SubItems that belong to each product.

I wan to be able to Edit the details of the Main Product as well as I also want to be able to edit Details of a SubItem (Not at the same time) , so I added an Edit Form to the MasterView and one to the DetailView, logically if I click the edit button on the masterview level product, the Grid should go to edit mode and bring up the MasterView.EditForm and the same with SubItem.Ediform when edit button clicked.

When I click the edit button the Grid goes blank, ALL items disappear and I just end up with a line on the screen.

I think I have the Grid setup correctly, where am I going wrong? Can you not have an EditFormTemplate when you use a DetailView?

Here is my example. I am not using DataSourceID="SqlDataSource" in the aspx page, I do all my data binding in cs.code. I am not using Bound Data Fields, I use <ItemTemplate> with custom Labels.

I would appreciate some help or a point in the right direction.

Thanks in advance :)

01.<telerik:RadGrid ID="OPVRCommitGrid" runat="server" AutoGenerateColumns="false" MasterTableView-HierarchyLoadMode="Client" AllowSorting="True" ShowFooter="false" AllowPaging="false" PageSize="25">

02. <MasterTableView CommandItemDisplay="None" EditMode="EditForms" DataKeyNames="ProductID" ShowGroupFooter="false" Name="OVPRList">

03. <Columns>

04. <telerik:GridTemplateColumn HeaderText="ID" SortExpression="ProductID" HeaderButtonType="TextButton" UniqueName="PCol">

05. <ItemTemplate>

06. <asp:Label ID="ProductID" runat="server" Text='<%# Eval("ProductID") %>' />

07. </ItemTemplate>

08. </telerik:GridTemplateColumn>

09. <telerik:GridTemplateColumn HeaderText="Product" SortExpression="ProductName" HeaderButtonType="TextButton" UniqueName="PCol">

10. <ItemTemplate>

11. <asp:Label ID="Product" runat="server" Text='<%# Eval("ProductName") %>' />

12. </ItemTemplate>

13. </telerik:GridTemplateColumn>

14. <telerik:GridTemplateColumn UniqueName="editControls">

15. <ItemTemplate>

16. <asp:ImageButton ID="editBtn" runat="server" ImageUrl="~/_system/_img/icons/edit2.png" CausesValidation="False" CommandName="Edit" CommandArgument="Edit" ToolTip="Edit" />

17. </ItemTemplate>

18. </telerik:GridTemplateColumn>

19. </Columns>

20.

21. <EditFormSettings EditFormType="Template">

22. <FormTemplate>

23. MasterTableView EidtForm

24. </FormTemplate>

25. </EditFormSettings>

26.

27. <DetailTables>

28. <telerik:GridTableView DataKeyNames="ProjectID" runat="server" EditMode="EditForms" CommandItemDisplay="None" Name="Commitment">

29. <Columns>

30. <telerik:GridTemplateColumn HeaderText="SubItem" SortExpression="SubItem" HeaderButtonType="TextButton">

31. <ItemTemplate>

32. SubItem Feature

33. </ItemTemplate>

34. </telerik:GridTemplateColumn>

35. <telerik:GridTemplateColumn UniqueName="editControls">

36. <ItemTemplate>

37. <asp:ImageButton ID="editBtn" runat="server" ImageUrl="~/_system/_img/icons/edit2.png" CausesValidation="False" CommandName="Edit" CommandArgument="Edit" ToolTip="Edit" />

38. </ItemTemplate>

39. </telerik:GridTemplateColumn>

40. </Columns>

41.

42. <EditFormSettings EditFormType="Template">

43. <FormTemplate>

44. DetailView EidtForm

45. </FormTemplate>

46. </EditFormSettings>

47. </telerik:GridTableView>

48. </DetailTables>

49. </MasterTableView>

50.</telerik:RadGrid>

Grid

answered on 13 Dec 2016

3 answers

305 views

Show confirmation window on Cancel

In my wizard, i want to pop up a confirmation window if the user clicks cancel button. If the user confirms (yes) then i want to cancel the wizard processing and go to my home page else continue on the same page. is it possible?

Wizard

answered on 13 Dec 2016

3 answers

176 views

RadScheduler - Year View - Mouseover

Hi there,

I added RadScheduler Telerik Scenario with "Web Service with Custom Provider" option, and then added "Year View".

Everything works fine except an error message when I mouse over on the appointment cell. I debugged and noticed that embed tooltip on year view does not initialize custom schedulerInfo. Is there a way to override client event and initialize schedulerInfo ???

Here are codes:

<script type="text/javascript">

var teacherID = "all";

function OnClientSelectedIndexChanged(sender, args) {

teacherID = args.get_item().get_value();

var scheduler = $find('<%=RadScheduler1.ClientID %>');

scheduler.rebind();

}

function OnClientAppointmentsPopulating(sender, eventArgs) {

eventArgs.get_schedulerInfo().TeacherID = teacherID;

}

</script>

<telerik:RadScheduler ID="RadScheduler1" runat="server" OnClientAppointmentsPopulating="OnClientAppointmentsPopulating"

AppointmentStyleMode="Default" SelectedView="MonthView" SelectedDate="2011-01-21"

Width="100%" OverflowBehavior="Expand">

<DayView UserSelectable="true" />

<MonthView UserSelectable="true" />

<YearView UserSelectable="true" />

<WeekView UserSelectable="false" />

<TimelineView UserSelectable="false" />

<WebServiceSettings Path="SchedulerWebService.asmx" ResourcePopulationMode="ServerSide" />

<ResourceStyles>

<telerik:ResourceStyleMapping Type="Teacher" Key="1" BackColor="Orange" />

<telerik:ResourceStyleMapping Type="Teacher" Key="2" BackColor="Aqua" />

</ResourceStyles>

</telerik:RadScheduler>

Public Overrides Function GetAppointments(ByVal shedulerInfo As ISchedulerInfo) As IEnumerable(Of Appointment)

Dim myInfo = TryCast(shedulerInfo, MySchedulerInfo)

Dim teacherID As String = myInfo.TeacherID

'--> teacherID gets nothing when mouse over appointment in year view.

Dim appointments As New List(Of Appointment)()

Thanks.

Jae

Scheduler

answered on 13 Dec 2016

21 answers

897 views

Always e.Item.Expanded =false in RadGrid ItemCommand Event

I want to know status of group whether it is expanded or collapsed. For that I am using RadGridInbox_Itemcommand event .when ever i click expand or collapse icon, i am always getting e.Item.Expanded =false .The following code i used in my project .please give solution to solve this issue.

public  void RadGridInbox_Itemcommand(object sender, GridCommandEventArgs e)

        if (e.CommandName == "Delete")

....................................

		..................................

        if (e.CommandName == "ExpandCollapse")

          	if (e.Item.Expanded)

       			....................................

			.........................................

}



          	else

 			 ..........................

			..............

........................

        }

}

Grid

answered on 13 Dec 2016

3 answers

280 views

Styling the input box on validation error

I have the following configuration on my grid regarding validation:

<ValidationSettings EnableValidation="true" />

And then there are columns that have validation add like this:

<telerik:GridBoundColumn DataField="Name" HeaderText="Short Name">

<ColumnValidationSettings EnableRequiredFieldValidation="true">

<RequiredFieldValidator BackColor="MediumVioletRed" ErrorMessage="*" />

</ColumnValidationSettings>

</telerik:GridBoundColumn>

Now, this works just fine. But this just shows a message with a red background. I want to style the input field to use the BackColor value.

Is there a good way of doing this?

Grid

answered on 13 Dec 2016

1 answer

536 views

Radeditor count length on text without HTML

Hi,
I have a problem with the Radeditor and counting the length of the text inside it. When I use a JavaScript with the get_text() function the length is different from when I use Radeditor.Text.Length in code behind. I want both for client and server side validation.

It seems like they count Enter key differently. Radeditor.Text.Length count them as two characters regardless how many I use. So one Enter key is two chars and five enter key is also two chars. It trims it down or something.

The JavaScript count every enter key as one characters unless it’s a line with no text between two lines with text, then it counts that enter key as two characters.

This is my code and everything is working fine it’s just that they are counting different when it comes to enter key.

//Validates the length against the maxlength allowed

_radEditorLengthCheck: function (sender, args) {

//Gets the maxLength property in my settings class

var maxLength = this.data.maxLength;

if (maxLength > 0) {

var editor = this.data.controls.get_editor();

var value = editor.get_text();

args.IsValid = value.length <= maxLength;

}

else {

args.IsValid = true;

}

},

//Updates a label counter so the user can se how many characters when blur

handle_blur: function (sender, args) {

var countlabel = this.data.objects.windowOriginalValue.data.controls.get_charCounter();

var editor = this.data.controls.get_editor();

var element = editor.get_contentArea();

$telerik.addExternalHandler(element, "blur", function (e) {

var value = editor.get_text();

countlabel.innerHTML = value.length;

});

}

//Client side validator

protected void EditorLengthValidator_ServerValidate(object source, ServerValidateEventArgs args)

{

// force Text-property to update

Radeditor.Content = Radeditor.Content;

string noHTML = Radeditor.Text;

args.IsValid = noHTML.Length <= MaxLength;

//Update the Label that shows the count

LCounterChars.InnerText = noHTML.Length.ToString();

}

Editor

answered on 13 Dec 2016

4 answers

76 views

radCalendar NextMonth/PrevMonth display issue

Hi

We have recently updated our web project .net framework from 4.0 to 4.6.1. After the changes we noticed that 'radCalendar' popup displays strange characters for 'NextMonth/PrevMonth' controls. The tool-tip(title attribute) in those controls shows the same strange characters. Please see attached screenshot. Could you please advice how we could resolve this.

Calendar

answered on 13 Dec 2016