Questions on UI for ASP.NET AJAX Forum

2 answers

48 views

Hi,

I would like to display "thinking" icon during the load of my tab strip pages.

Any recommendation?

Here is simplified version of my code.

      <telerik:RadTabStrip runat="server" ID="rts" MultiPageID="rmp" >
                            <Tabs>
                                <telerik:RadTab Text="Tab1" />
                                <telerik:RadTab Text="Tab2" />
                            </Tabs>
                        </telerik:RadTabStrip>


                      <telerik:RadMultiPage runat="server" ID="rmp">
                         <telerik:RadPageView ContentUrl="Tab1.aspx"/>
                   <telerik:RadPageView ContentUrl="Tab2.aspx"/>
                      </telerik:RadMultiPage>

TabStrip

answered on 11 Apr 2018

0 answers

96 views

Multiple RadAsync controls w/Javascript

Hello. I've placed a RadAsyncUpload control in a user control and loaded that user control multiple times on a parent user control. I have javascript which forces the page to do a partial postback OnClientFileUploaded. The code is firing the wrong "FileUpload" javascript function because it's on the page multiple times and not differentiated.

How can I update how the javascript is handled so that it knows which FileUploaded function to fire? Thank you!

<asp:UpdatePanel runat="server" ChildrenAsTriggers="true">

<ContentTemplate>

<telerik:RadAsyncUpload ID="RadUpload" runat="server" AllowedFileExtensions=".gif,.jpeg,.jpg,.png" RenderMode="Lightweight" HideFileInput="true" OnClientFileUploaded="fileUploaded" OnClientValidationFailed="validationFailed" Localization-Select="Upload Image" Skin="Bootstrap" />

<asp:Button ID="btnTrigger" runat="server" CausesValidation="false" OnClick="btnUpload_Click" style="display:none" />

</ContentTemplate>

</asp:UpdatePanel>

<script type="text/javascript">

function validationFailed(sender,args)

{

$('#<%=lbError.ClientID%>').text("Invalid File Type");

$('#ImageErrorModal').modal('show');

}

function fileUploaded(sender, args) {

document.getElementById("<%= btnTrigger.ClientID %>").click();

}

var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();

pageRequestManager.add_endRequest(EndRequestHandler);

function EndRequestHandler() {

if ($('#<%=lbError.ClientID%>').text() != "")

$('#ImageErrorModal').modal('show');

}

</script>

AsyncUpload

asked on 11 Apr 2018

3 answers

232 views

List of Hashtable or dictionary

Hi!

I am building a custom list on the fly where I build a Hashtable (it could also be a dictionary if needed... it does not matter to me). Then, I insert the hashtables in a list and want to bind the list in a RadGrid. The problem is that every field of each row is blank (empty). The row count is good which means to me that something is kinda happening but I'm not doing everything correctly!

I've seen another example on the forum where a user was doing a similar thing through a webservice but even when downloading the code, I could not make it work. So here is what I'm doing :

My ASPX :

<telerik:RadGrid ID="gridList" AutoGenerateColumns="False" runat="server">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn

HeaderText="Ticker" DataField="SecurityTicker" >

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

My code behind :

Private Sub gridList_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles gridList.NeedDataSource

Dim myList As New List(Of Hashtable)

Dim h1 As New Hashtable

h1.Add("SecurityTicker", "MAX")

h1.Add("SecPrice", 99)

Dim h2 As New Hashtable

h2.Add("SecurityTicker", "ZZZ")

h2.Add("SecPrice", 100)

myList.Add(h1)

myList.Add(h2)

gridList.DataSource = myList

End Sub

What is missing to make that work ?

Thank you!

Grid

answered on 11 Apr 2018

2 answers

110 views

List box scroll bar not working when in a PageLayout row

Good afternoon,

I am trying to use PageLayout on a modal window to show advanced search options, but when I place a radistBox (or normal asp:listbox for that matter) inside the scroll bar in the list box appears but does not work by clicking and dragging - you can scroll the list by clicking inside and using the arrow keys. Trying to click in the scroll bar in fact selects other text in the form. Placing the list box code at the top of the page (out of the Layoutrow) works correctly.

<telerik:LayoutRow RowType="Generic" CssClass="content">

<Rows>
<telerik:LayoutRow RowType="Container" WrapperHtmlTag="Div">
<Columns>
<telerik:LayoutColumn Span="3" >
<h3>Select horse(s)</h3>
</telerik:LayoutColumn>
<telerik:LayoutColumn Span="3" >
<h3>Select horses(s)</h3>
<telerik:RadListBox ID="RadListBox1" runat="server"
DataTextField="HorseName" DropDownAutoWidth="Enabled" DataValueField="HorseKey" Width="250" CheckBoxes="True" Height="200" SelectionMode="Multiple" ShowCheckAll="True" />
</telerik:LayoutColumn>

Thanks in advance, Mary

PageLayout

answered on 11 Apr 2018

1 answer

129 views

May I insert data into detail grid directly in hierarchical grid

My scenario is I have an order detail and when purchasing I need to keep every good's expiration and lot number.

My screen:

--------------------

top: text area

user enter material number, expiration and lot number and click add button

--------------------

middle: Grid

master grid -- order detail include material number(key), material name, order quantity.

detail gird -- expiration, lot number, quantity

My problem is how do I find the row that the master grid key and material number that I key in matched? And how do I insert the data into the detail grid instead of manual operation such as select row, expand, and click add button?

Grid

answered on 11 Apr 2018

1 answer

181 views

set combobox datasource on radiobutton checkchanged

I have a situation where i have a listview with a itemtemplate, the template contains a set of radiobuttons and a combobox. Based on the checked value of the radiobutton i need to set the datasource on the combobox but not sure how to accomplish this in the best manner.

My listview,

<telerik:RadListView runat="server" ID="lvTimers" OnNeedDataSource="lvTimers_NeedDataSource">

<ItemTemplate>

<div class="timer col-xs-12" data-timerid="">

<div class="row">

<div class="col-xs-3 col-md-2 col-lg-2 center-xs">

<span class="hours">1</span>:

<span class="minutes">21</span>:

<span class="seconds">31</span><br />

<asp:ImageButton runat="server" ID="btnStart"

Visible='<%# Eval("StartTime") == null   %>' ImageUrl="~/images/web/icons/play.png" CommandArgument='<%# Eval("TimerId") %>' />

<asp:ImageButton runat="server" ID="btnPause"

Visible='<%# Eval("StartTime") != null   %>' ImageUrl="~/images/web/icons/pause.png" CommandArgument='<%# Eval("TimerId") %>' />

</div>

<div class="col-xs-8 col-md-9 col-lg-9">

<asp:RadioButtonList runat="server" ID="rbType" RepeatDirection="Horizontal">

<asp:ListItem Value="1" Text="Frånvaro"></asp:ListItem>

<asp:ListItem Value="2" Text="Intern"></asp:ListItem>

<asp:ListItem Value="3" Text="Extern"></asp:ListItem>

<asp:ListItem Value="4" Text="Övrigt"></asp:ListItem>

</asp:RadioButtonList>

<telerik:RadComboBox runat="server" ID="cmbCustomers"></telerik:RadComboBox>

<telerik:RadComboBox runat="server" ID="cmbProjects"></telerik:RadComboBox>

<%# Eval("TimerId") %>

</div>

<div class="col-xs-1">

<asp:ImageButton runat="server" ID="btnDelete" ImageUrl="~/images/web/icons/delete.png" CommandArgument='<%# Eval("TimerId") %>' />

<asp:ImageButton runat="server" ID="btnUpdate" ImageUrl="~/images/web/icons/update.png" CommandArgument='<%# Eval("TimerId") %>' />

<asp:ImageButton runat="server" ID="btnSave" ImageUrl="~/images/web/icons/save.png" CommandArgument='<%# Eval("TimerId") %>' />

</div>

</ItemTemplate>

</telerik:RadListView>

Any helpful soul with any idea how to go about this?

ListView

answered on 11 Apr 2018

0 answers

55 views

Accessing the Advance Edit form of Telerik RadScheduler programatically

I want to create Event and appointment from another page and I want to access the Advance form template of Telerik RadScheduler. Is there any option to call the Advance Edit form with out the Telerik RadScheduler.

Scheduler

asked on 11 Apr 2018

1 answer

147 views

RadCalender's design after the "Upgradation of Telerik UI for ASP.NET AJAX framework (2016.3.1027 to 2018.1.117)"

1. When DatePicker renders for the first time, it applies the CSS according to the selected skin.
Reference Image: Comtrol in Filter Panel first time render.jpg

2. But as soon as I enter into an edit mode or insert than the CSS is not applied to the control and the design of the RadCalender is breaking somehow.
Reference Image: Control while Editing.jpg

3. Also entering into edit or insert break the design of the other RadCalender control placed in filter panel.
Reference Image: Control in Filter Panel.jpg

Calendar

answered on 11 Apr 2018

1 answer

86 views

Deleting newline with text in it - Track Changes Issue

Hey,

I've noticed that if I have a line of text and I try to delete the newline at the start of the text, instead of moving the text up to the previous line, it will instead delete a character from the line above. This seems to be specific to track changes and can be replicated on your track changes demo. The steps to reproduce are as follows:

1. Type a few words

2. Hit the enter key

3. Type a few more words

4. Click at the start of these words and press backspace

Observe that the new line generated by the enter key is not deleted, but the character previous to that one. This behavior is different in the track-changes demo than in the regular telerik editor demo.

I look forward to hearing back from you, and I hope that this is an easy fix.

Kind regards,

Aidan Harris

Editor

answered on 11 Apr 2018

11 answers

425 views

Persistencemanager proxy not working

Hi,

I have requirement where on 1 main aspx page i have 3 user controls(ascx).

Each ascx has a radgrid.I need to save state of each grid in database individually on gridbutton click.

Tried- I have created a custom storage provider and implemented methods SaveStateToStorage and LoadStateFromStorage.

Now if I apply persistencemanger on any ascx and call .savestate it goes to SaveStateToStorage and all works fine.

But if I move persistencemanger to aspx and apply persistencemangerproxy on ascx nothing works.

Sample code-

on aspx- <telerik:RadPersistenceManager ID="mainPersistenceManager" runat="server"> </telerik:RadPersistenceManager>

on aspx.vb- pageload event - mainPersistenceManager.StorageProvider = New SettingsStorageProvider() 'This is my custom storage provider

on ascx- <telerik:RadPersistenceManagerProxy ID="PersistenceManagerProxy1" runat="server" UniqueKey ="1">

on ascx.vb- on button click event-

Dim ascxPersistenceManager As RadPersistenceManager

ascxPersistenceManager = RadPersistenceManager.GetCurrent(Page)
ascxPersistenceManager.PersistenceSettings.AddSetting("radgrid1")
SettingsStorageProvider.StorageProviderKey = Key
ascxPersistenceManager .SaveState()

Now on button click i get exception that it could not find control with id=radgrid1

but if i comment this line "ascxPersistenceManager.PersistenceSettings.AddSetting("radgrid1")"

somehow it calls "LoadStateFromStorage" of my custom storage provider rather than "SaveStateToStorage" method.

Incase when i dont use proxy and put persistencemanger in ascx only it hits correct method but not in case of proxy.

Please help

Thanks,

Ankita

Persistence Framework

answered on 11 Apr 2018