Questions on UI for ASP.NET AJAX Forum

1 answer

251 views

UpdatePanel implementation in Telerik [Need help]

Hello,

I am new to telerik controls & I want to use telerik control equivalent to updatepanel. I have an update panel with 4 dropdowns[please find below code block] . On Page load, the Coach Team and Player Team dropdownlist is properly loaded. On either of the dropdowns selectedindex change, the corresponding Coach name or player name does not load and the list is empty after writing the server side code for the same.Please guide me in the right way to acheive this.

body>

<form id="form1" runat="server">

<div>

<asp:UpdatePanel ID="upnl1" runat="server" UpdateMode="Always">

<ContentTemplate>

<table style="margin-left:10px; margin-right:10px; width:85%;" class="tbltxtalign">

<tr style="height:50px;">

<td>Coach Team's Name</td>

<td>

<telerik:RadDropDownList ID="rddlcteamname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Coach Team">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvcteamname" runat="server" ControlToValidate="rddlcteamname" ErrorMessage="Coach Team Name">*</asp:RequiredFieldValidator>

</td>

<td>Player's Team</td>

<td>

<telerik:RadDropDownList ID="rddlpteamname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Player Team">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvpteamname" runat="server" ControlToValidate="rddlpteamname" ErrorMessage="Player Team name">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr style="height:50px;">

<td>Coach Name</td>

<td>

<telerik:RadDropDownList ID="rddlcfullname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Coach Name">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvcfullname" runat="server" ControlToValidate="rddlcfullname" ErrorMessage="Select Coach">*</asp:RequiredFieldValidator>

</td>

<td>Player Name</td>

<td>

<telerik:RadDropDownList ID="rddlpfullname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Player Name">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvpfullname" runat="server" ControlToValidate="rddlpfullname" ErrorMessage="Select Player">*</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

Thank You in Advance !,

~J

Ajax

answered on 24 Sep 2014

1 answer

93 views

Telerik tooltip floating when page size changes

Hi,

I am using telerik tooltip in my application with many web pages. It works perfectly fine for the web pages with less height. However for a few pages which have more height and have scrolling bars, tooltip floats around and does not stick to its target control. For example, even if the target control is on top of the page, tooltip shows at the bottom of the page where the user can even see the target control. Is there a way we can set position of tooltip to fixed on top of the target control ?

My code :
<asp:TextBox ID="tbtest" BorderColor="White" BorderWidth="0px" placeholder="My first name"
runat="server" AutoCompleteType="Disabled" CssClass="textboxStyle" ></asp:TextBox>
<telerik:RadToolTip runat="server" HideEvent="ManualClose" ShowEvent="FromCode" Width="150px"
Position="TopCenter" RelativeTo="Element" IsClientID="true" TargetControlID="tbtest" OnClientShow="OnClientShow"
ID="tbtestToolTip" Height="50 px" EnableEmbeddedSkins="false" Skin="MyCustomSkin" ClientIDMode="Static" >
<div>
Testing message here.
</div>
</telerik:RadToolTip>

ToolTip

answered on 24 Sep 2014

2 answers

32 views

Filter with dropdownlist for grid that is in ajaxpanel, filter causes script error

Im working off this example,
http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/basic-filtering/defaultcs.aspx

The only difference is that my grid is inside an ajaxpanel. Everything is getting loaded correctly, the dropdowns are populated, but when I make a selection in the dropdown, there is a script error generated and the filter is not performed. Do I need to disable ajax on the request somehow as in the example for the grid export?

http://localhost:59456/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:fa6755fd-da1a-49d3-9eb4-1e473e780ecd:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2014.2.724.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:6915a8c2-c063-435a-ab31-d2d2285652a6:16e4e7cd:f7645509:24ee1bba:2003d0b8:f46195d3:88144a7a:1e771326:e524c98b:ed16cbdc:6b3f73b3:58366029:ccd65cf8:aa288e2d:258f1c72:e330518b:c128760b:c8618e41:e4f8f289:1a73651d:333f8d94

0x800a139e - Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Selection out of range

Parameter name: value

Grid

answered on 24 Sep 2014

1 answer

110 views

upgrade asp.net solution from Visual studio 2008 to Visual studio 2013

Currently we are have visual studio 2008 asp.net solution
which uses telerik controls while upgrading to Visual studio 2013
solution the controls and its values don’t render as required .

Please help let us know how shall we upgrade solution to
Visual studio 2013 .

ScriptManager and StyleSheetManager

answered on 24 Sep 2014

1 answer

196 views

Radgrid Batch Edit Validation

Hello,

I've been trying to implement the validation for batch edit and I can not get it to work for some reason. I tried the following demo on my local machine and it is not firing the validation. Can you let me know if I need to set something on web.config or what could be possibly reason that it is not firing the validation?

http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/batch-editing/defaultcs.aspx

Thanks

Here is my code

<telerik:RadGrid ID="RadGrid1" AllowAutomaticInserts="True" AllowAutomaticUpdates="true" runat="server" OnBatchEditCommand="RadGrid1_BatchEditCommand" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource">
<MasterTableView EditMode="Batch" CommandItemDisplay="TopAndBottom" DataKeyNames="MaterialID" HorizontalAlign="NotSet" AutoGenerateColumns="false">
<BatchEditingSettings OpenEditingEvent="Click" EditType="Row" />

<Columns>
<telerik:GridTemplateColumn HeaderText="Rental" DataField="IsMaterialRental" UniqueName="IsMaterialRental">

<ItemTemplate> <%# Eval("IsMaterialRental") %> </ItemTemplate>
<EditItemTemplate>
   <telerik:RadComboBox ID="DeckMaterial_RadComboBoxRental" runat="server" AllowCustomText="true" MarkFirstMatch="true" >
<Items>
<telerik:RadComboBoxItem Text="No" Value="0" />
<telerik:RadComboBoxItem Text="Yes" Value="1" />
</Items>
</telerik:RadComboBox>
   <asp:RequiredFieldValidator ID="DeckMaterial_RequiredFieldValidatorRental" runat="server" Text="" ControlToValidate="DeckMaterial_RadComboBoxRental" ></asp:RequiredFieldValidator>
</EditItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="High Value" DataField="HighValueID" UniqueName="HighValueName">
<ItemTemplate> <%# Eval("HighValue") %> </ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="DeckMaterial_RadComboBoxHighValue" runat="server" AllowCustomText="true" MarkFirstMatch="true">
</telerik:RadComboBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Quantity" DataField="Quantity" UniqueName="Quantity">
<ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label> </ItemTemplate>
<EditItemTemplate>
   <telerik:RadNumericTextBox ID="DeckMaterial_RadTextBoxQty" runat="server">
<NumberFormat GroupSeparator="" DecimalDigits="0" />
   </telerik:RadNumericTextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator_Qty" runat="server" ControlToValidate="DeckMaterial_RadTextBoxQty" Display="Dynamic" ErrorMessage="Required"></asp:RequiredFieldValidator>

</EditItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Description" UniqueName="Description" >

<ColumnValidationSettings EnableRequiredFieldValidation="true">
<RequiredFieldValidator ForeColor="Red" Text="*This field is required" Display="Dynamic">
</RequiredFieldValidator>
</ColumnValidationSettings>
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Category" HeaderStyle-Width="180px" UniqueName="CategoryID" DataField="CategoryID">
<ItemTemplate>
<%# Eval("Category") %>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="RadComboBox_Category" runat="server"></telerik:RadComboBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>
<ClientSettings AllowKeyboardNavigation="true">
</ClientSettings>
</telerik:RadGrid>

Grid

answered on 24 Sep 2014

1 answer

79 views

RadAjaxPanel and Google Maps

I know this topic has come up a lot but I haven't seen anything recently. Has anyone figured out how to ajaxify a google map inside a RadAjaxPanel? I just want my map not to disappear after every request.

Ajax

answered on 24 Sep 2014

1 answer

99 views

RadPanelBar right choice?

Hi,

I have a question to build a wizard exactly like this:

http://www.fenster24.de/

Would radPanelBar be the right point to start?
I tried to make a setup with ContentTemplate and HeaderTemplate but run into several issues:

Load parameter data from database into the templates;
Persist data on F5

Would it be a better choice to start with a simple Repeater and add Accordion effects after that with JQuery?

Marc

PanelBar

answered on 24 Sep 2014

1 answer

169 views

Custom AsyncUploadResult does not support File path or "\"

Hi there,

I have been using the Upload control for quite a while now using my own custom AsyncUploadResult class.
What happens now is unexpected as I'm trying to save the absolute path to the uploaded file into a string variable and this ends up in a error thrown statint the escape sequence is not recognized. See below :

My custom upload class :

1.public class DataUploadResult : AsyncUploadResult

2. {

3. private string sourceFilePath;

4. public string SourceFilePath { get { return this.sourceFilePath; } set { this.sourceFilePath = value; } }

5. }

My UploadHandler:

1.protected override IAsyncUploadResult Process(UploadedFile file, HttpContext context, IAsyncUploadConfiguration configuration, string tempFileName)

2. {

3. DataUploadResult result = CreateDefaultUploadResult<DataUploadResult>(file);

4. result.SourceFilePath = string.Format(@"{0}\{1}", configuration.TempTargetFolder, tempFileName);

5.

}

            return result;

And my FileUploaded event Handler;

1.protected void RauDataUpload_OnFileUploaded(object sender, FileUploadedEventArgs e)

2. {

3. DataUploadResult result = e.UploadResult as DataUploadResult;

4. }

And it fails on row 3 with the following error message:
"Exception has been thrown by the target of an invocation."
Unrecognized escape sequence. (430): {"SourceFilePath":"C:\Dev\NRP\NRP\Study\UploadTemp\1411349019322101001_20140410-125730_PTAP.sld"}

Is this a bug or am I doing something wrong ?

Obviously I trimmed my code for my example here, the actual Custom Upload result embeds 19 variables and everything worked perfectly until I add this SourceFilePath string to it.

Any clue ? Looks like '\' isn't supported.

Cheers,

Chris

Upload (Obsolete)

answered on 24 Sep 2014

3 answers

128 views

dynamic width of column

Hello,

how can I configure the radGrid so that the columns geht automaticly the width so that all data are shown without a break.

Herer is the code

    
                <rc:TelerikGrid AutoSave="false" ID="RadGrid1" runat="server" SkinID="List" DataSourceID="" 
        
                    AllowSorting="false" Width="100%" AutoGenerateColumns="true" ShowGroupPanel="false"   
        
                    ShowFooter="false" AllowPaging="false" PageSize="20"  enableajax="false"   
        
                    GroupingEnabled="false" AllowFilteringByColumn="true" ToolTip="false">  
        
                    <ClientSettings AllowDragToGroup="false" AllowExpandCollapse="false" AllowGroupExpandCollapse="false" > 
        
                        <Scrolling ScrollHeight="460px" SaveScrollPosition="false" /> 
        
                        <ClientEvents OnMasterTableViewCreated="hide_MasterApp_Updateprogress" /> 
        
                    </ClientSettings> 
        
                    <HeaderStyle  Width="150" Wrap="true" /> 
        
                    <ItemStyle Wrap="false" />   
        
                    <MasterTableView CssClass="MasterTable" CommandItemDisplay="None"   
        
                        GroupLoadMode="Server">  
        
                        <RowIndicatorColumn UniqueName="RowIndicator" Visible="false">  
        
                            <HeaderStyle Width="20px" /> 
        
                        </RowIndicatorColumn> 
        
                    </MasterTableView> 
        
                </rc:TelerikGrid>

Grid

answered on 24 Sep 2014

1 answer

113 views

Is it possible to combine the DateInput functionality with SearchBox?

Hi, in SearchBox, when the field being searched is a date, we would like to be able to search via the 'smart parsing engine' of DateInput. Is that possible today, or can you please add it to a future version?

Input

answered on 24 Sep 2014