Questions on UI for ASP.NET AJAX Forum

10 answers

690 views

Is there a way to customize the buttons on the bottom command area? It seems like you can with the WinForms version but not the ASP.NET Ajax version. We'd like to add our own buttons into the process (such as 'Skip Step' which will move forward without saving as opposed to 'Next' which would save and move forward).

Wizard

answered on 09 Feb 2017

0 answers

116 views

Batch EditMode and Nested/Detail Templates

Hello,

I have a grid in batch edit/cell mode, and everything works.

My problem is that one of the fields is very large - potentially two or three paragraphs of text. I'd like to move this onto it's own row, if possible. I've tried using a radtextbox within a NestedViewTemplate and DetailItemTemplate, and I can get the data to display in both, but I can't figure out how to include it in batch saves. <%#Bind("FieldName")%> doesn't work.

What would be the best way to accomplish this?

Here's a sample of what I have:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticUpdates="true" AutoGenerateColumns="false" DataSourceID="DataSource1">

<MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="ItemNumber" EditMode="Batch" AutoGenerateColumns="false"

DataSourceID="DataSource1">

<BatchEditingSettings EditType="Cell" HighlightDeletedRows="true" />

<NestedViewTemplate>

<telerik:RadTextBox ID="txtDesc" runat="server" Text='<%#Bind("Desc")%>' />

</NestedViewTemplate>

<Columns>

<telerik:GridBoundColumn UniqueName="ItemNumber" DataField="ItemNumber" HeaderText="Item Number" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource runat="server" ID="DataSource1" ConnectionString="(ConnectionString)" ConflictDetection="OverwriteChanges"

SelectCommand="SELECT * FROM [Table]"

InsertCommand="INSERT INTO [Table] ([Name], [Desc]) VALUES (@Name, @Desc)"

UpdateCommand="UPDATE [Table] SET [Name]=@Name, [Desc]=@Desc WHERE [ItemNumber]=@ItemNumber">

<InsertParameters>

<asp:Parameter Name="Name" Type="String" />

<asp:Parameter Name="Desc" Type="String" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="Name" Type="String" />

<asp:Parameter Name="Desc" Type="String" />

<asp:Parameter Name="ItemNumber" Type="Int32" />

</UpdateParameters>

</asp:SqlDataSource>

Grid

asked on 09 Feb 2017

7 answers

234 views

Inline mode height

Is there a way to specify the height when in inline mode? That is, a fixed height?

<telerik:RadEditor ID="RadEditor1" runat="server" Height="100px" EditType="Inline"></telerik:RadEditor>

I'm using Inline mode in order to subscribe to OnClientInlineEditCompleted to cause a postback when the user changes the value of the control.

Editor

answered on 09 Feb 2017

11 answers

264 views

RadScheduler - drag and drop

hi,

I am trying to extract the info of an attribute once the drop action is done.

I tried doing "var selectedStaffID = scheduler.getAppointmentFromDomElement(htmlElement).get_attributes("StaffID");"
However, that didn't help me.
How can i get the data of the scheduler's attribute on a spot where the appointment is dropped ?
thank you

01.function rowDropping(sender, eventArgs) {

02. // Fired when the user drops a grid row

03. var htmlElement = eventArgs.get_destinationHtmlElement();

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

05.

06. if (isPartOfSchedulerAppointmentArea(htmlElement)) {

07.

08. // The row was dropped over the scheduler appointment area

09. // Find the exact time slot and save its unique index in the hidden field

10. var timeSlot;

11. //var selectedStaffID = scheduler.getAppointmentFromDomElement(htmlElement).get_attributes("StaffID");

12. //alert(selectedStaffID);

13. if ($telerik.$(htmlElement).parents(".rsApt").length != 0)

14. timeSlot = scheduler.getAppointmentFromDomElement(htmlElement).get_timeSlot();

15. else

16. timeSlot = scheduler._activeModel.getTimeSlotFromDomElement(htmlElement);

17. $get("<%=TargetSlotHiddenField.ClientID %>").value = timeSlot.get_index();

18.

19. // The HTML needs to be set in order for the postback to execute normally

20. eventArgs.set_destinationHtmlElement("<%=TargetSlotHiddenField.ClientID %>");

21. }

22. else {

23.

24. // The node was dropped elsewhere on the document

25. eventArgs.set_cancel(true);

26. }

27. }

Scheduler

answered on 09 Feb 2017

1 answer

81 views

maximized RadWindow cannot be closed

Hi,

We discovered that in the latest version the RadWindow close function is no longer working when oWnd.maximize() is used.

This happens independently which skin is used.

Marc

Window

answered on 09 Feb 2017

1 answer

236 views

RadPageView content do not display when using bootstrap

Hello everyone

i have a problem with RadTabStrip and RadMultiPage. Please help me

i have a page that contain a RadTabStrip (with 2 Tab) and an RadMultiPage (with 2 RadPageView).

I've used Bootstrap inside RadPageView. but When I see it in the browser does not show me anything!

This problem occurs that inside RadPageView of I use Bootstrap classes for my controls (e.g input element or asp:textbox with bootstrap classes)

Please Help me

Below is my code:

<div class="container-fluid" style="font-family: Tahoma;">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 pull-right">
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<telerik:RadTabStrip RenderMode="Lightweight" SelectedIndex="0" runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1" Skin="Material">
<Tabs>
<telerik:RadTab Text="New user" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Edit User" Width="200px"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>

<telerik:RadMultiPage RenderSelectedPageOnly="true" RenderMode="Auto" SelectedIndex="0" ID="RadMultiPage1" runat="server">
<telerik:RadPageView ID="RadPageView1" runat="server">
page 1
</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">
<%-- Register Form --%>
<div class="panel panel-default" runat="server">
<div class="panel-heading" runat="server">
<strong>User Informations</strong>
</div>
<div class="panel-body" id="panelBody" runat="server">
<div class="main-login main-center col-lg-offset-2" style="margin-top: -30px;">
<div class="form-group">
<label for="name" class="col-lg-12 control-label">name</label>
<div class="col-lg-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
<input name="name" id="txtName" type="text" runat="server" placeholder="name (max 100 char)" class="form-control input-md" maxlength="100" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" SetFocusOnError="true" ControlToValidate="txtName" runat="server" Display="None" ErrorMessage="This field is required"></asp:RequiredFieldValidator>
</div>
</div>
</div>
</div>
</div>
</div>
<%-- End Register --%>
</telerik:RadPageView>

</telerik:RadMultiPage>
</telerik:RadAjaxPanel>
</div>
</div>
</div>

TabStrip

answered on 08 Feb 2017

2 answers

238 views

Saving changes in Batch Edit mode and JS error when BatchEditingSettings's EditType="Row"

I get a JS exception error message, when I add new and delete new create row and attempt to save.
I have wired a button to save changes.
$find(radgridid).get_batchEditingManager().saveChanges($find(radgridid).get_masterTableView())
RadGrid's is in "Batch" mode and the EditType is "Row".

JS exception error message:
Uncaught TypeError: Cannot read property 'cells' of null

Grid

answered on 08 Feb 2017

5 answers

1.2K+ views

Uncaught TypeError: Cannot read property 'id' of undefined

I am using RadAsyncUpload which is defined like this

<telerik:RadAsyncUpload ID="FileUpload1" runat="server" Skin="Forest" Width="272px">

</telerik:RadAsyncUpload>

and i have a asp.net button defined like this

<asp:Button ID="btnUpload" Width="180px" Height="30px" runat="server" Text="Upload"

onclick="btnUpload_Click" />

Now it works and it uploads the file , but now i want to have a Progress Bar , so like other controls i did the following

<telerik:AjaxSetting AjaxControlID="btnUpload">

<UpdatedControls>

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

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

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

</UpdatedControls>

</telerik:AjaxSetting

>



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

    </telerik:RadAjaxLoadingPanel>

if i add this Ajax code , my Upload does not work , it give me the Following Error

Uncaught TypeError: Cannot read property 'id' of undefined

and chrome gives more info like

Uncaught TypeError: Cannot read property 'id' of undefined Telerik.Web.UI.WebResource.axd:2889

Telerik.Web.UI.RadAjaxControl._initializeRequest Telerik.Web.UI.WebResource.axd:2889

H.z.callBaseMethod Telerik.Web.UI.WebResource.axd:3

Telerik.Web.UI.RadAjaxManager._initializeRequest Telerik.Web.UI.WebResource.axd:3463

(anonymous function) Telerik.Web.UI.WebResource.axd:3

H.w.raiseEvent Telerik.Web.UI.WebResource.axd:3

e._onFormSubmit Telerik.Web.UI.WebResource.axd:9

e._doPostBack Telerik.Web.UI.WebResource.axd:9

(anonymous function) Telerik.Web.UI.WebResource.axd:3

onclick

Thanks

AsyncUpload

answered on 08 Feb 2017

0 answers

85 views

ASP.NET Upload file failing

I am using a Telerik Upload control. I have increased the maxRequestLength and maxAllowedContentLength appropriately. I have set the executionTimeout to 600 seconds and temporarily disabled anti-virus. Small files (< 4MB) upload fine. Too large files (>32MB) are rejected by the server. But, files in between result in the IEnumerable<HttpPostedFileBase> argument being null. I can see the server creating the temporary files in the Temporary ASP.NET folder. The .post file is there and seems to have an appropriate planned size. But, when the timeout happens, it has not been completed and my code is called with a null. It seems odd coincidental that the break point is 4MB, but I cannot find any other configuration parameter controlling this.

AsyncUpload

asked on 08 Feb 2017

0 answers

76 views

HTML embed/object tags break AJAX

Hi,

I followed instructions from here http://docs.telerik.com/devtools/aspnet-ajax/controls/window/how-to/how-to-use-radwindow-with-ajax to build updatepanel into a RadWindow ContentTemplate.

When I use <embed> or <object> tags in the ContentTemplate the AJAX breaks and switches to full postbacks.

Seems obvious as object and embed tags create their own DOMs...anyone aware of a solution to workaround this? Sorry for the offtopic.

Marc

Window