Questions on UI for ASP.NET AJAX Forum

1 answer

102 views

Scrolling seems not working properly in IE 10.

Hi there,

I am using v. 2014.2.724.40 Trial. Scrolling seems working properly in Chrome but not in IE 10.

Columns header become frozen when try to scroll horizontal bar in IE 10.

I have the following code. I have also attached the screenshots from Chrome and IE 10.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGridUserAuth" runat="server" DataSourceID="SqlDataSource1"

GridLines="None" AllowSorting="True" AllowPaging="True" Width="100%" Skin="MetroTouch">

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true"></Scrolling>

</ClientSettings>

<HeaderStyle Width="225px"></HeaderStyle>

<PagerStyle PageSizeControlType="RadDropDownList" Mode="NextPrevAndNumeric"></PagerStyle>

</telerik:RadGrid>

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

ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Customers" runat="server">

</asp:SqlDataSource>

</form>

</body>

</html>

<?xml version="1.0"?>

<configuration>

<appSettings>

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled"/>

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled"/>

</appSettings>

<system.web>

<compilation debug="true" targetFramework="4.0"/>

<pages>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>

</controls>

</pages>

<httpHandlers>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>

</httpHandlers>

<httpModules>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule"/>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>

</httpModules>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>

<modules runAllManagedModulesForAllRequests="true">

<remove name="RadUploadModule"/>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode"/>

<remove name="RadCompression"/>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode"/>

</modules>

<handlers>

<remove name="ChartImage_axd"/>

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_SpellCheckHandler_axd"/>

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_DialogHandler_aspx"/>

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_RadUploadProgressHandler_ashx"/>

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_WebResource_axd"/>

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode"/>

</handlers>

</system.webServer>

<connectionStrings>

<add name="NorthwindConnectionString" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|Northwind.mdf;Integrated Security=True;User Instance=True" providerName="System.Data.SqlClient"/>

</connectionStrings>

</configuration>

Thank you in advance.

Regards,
Sakib

Grid

answered on 22 Sep 2014

1 answer

75 views

Declarative Relations incorrect resultset

I have a RadGrid with a DetailTables nested inside it.
My design is simple: The RadGrid displays the contents of a table. When a row is expanded, I want to display the audit trail for that record which is saved in another table.
The relationship is 1 Table_Item to many Table_Item_History records.

Here's my solution thus far:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" PageSize="5" DataSourceID="SqlDataSource1" ShowStatusBar="true"

AutoGenerateColumns="false" AllowSorting="true" AllowMultiRowSelection="false" GridLines="None">

<MasterTableView DataKeyNames="Asset_Id" EnableHierarchyExpandAll="true" AllowMultiColumnSorting="true">

<DetailTables>

<telerik:GridTableView runat="server" DataSourceID="SqlDataSource2" EnableHierarchyExpandAll="true" Width="100%" DataKeyNames="Asset_Id">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="Asset_Id" MasterKeyField="Asset_Id" />

</ParentTableRelation>

<Columns>

</Columns>

</telerik:GridTableView>

</DetailTables>

And my DataSources:

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [Asset]"

runat="server"></asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [Asset_History] WHERE ([Asset_Id] = @Asset_Id)"

runat="server">

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid1" Name="Asset_Id"

PropertyName="SelectedValue" Type="Object"></asp:ControlParameter>

</SelectParameters>

</asp:SqlDataSource>

The resulting behavior is whenever a row is expanded, the child elements are always 0. I've tested the same query in multiple ways in SQL Server and they're working fine. I've tried this with Session Parameters and the results are the same.
Any assistance is appreciated

Grid

answered on 22 Sep 2014

1 answer

205 views

dropdown Checkbox font style

hi

How do i make the font style to be normal instead of bold? I am using bootstrap and here is my code: and an attached picture. The demo from your side look good but not mind http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/checkboxes/defaultcs.aspx

     <div class="form-group">
                 <telerik:RadComboBox ID="RadComboBox1" Style="width:50%" runat="server" CheckBoxes="True">
                     <Items>
                         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />
                         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />
                         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" />
                         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4" Value="RadComboBoxItem4" />
                         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem5" Value="RadComboBoxItem5" />
                     </Items>
                 </telerik:RadComboBox>
                  <asp:Button id="btnPost" runat="server" Text=" Share it " CssClass="btn btn-primary btn-sm" />

             </div>

DropDownList

answered on 22 Sep 2014

1 answer

124 views

Prevent Rad grid from rebinding when exporting to excel

I have a RADGrid that is databound upon page load. I have a button that initiates the Export to ExcelML. On click of button i add more rows to the datasource(not calling rebind explicitly). when calling Export APl , the grid rebinds(rowcreated getting called).I have more than 65000 records which is causing performance issues.Is there any way using the telerik export API without the grid rebinding.

Any ideas?

Grid

answered on 22 Sep 2014

1 answer

264 views

How to stop Rad grid rebinding on export to excel

I am having a radgrid in my page and using telerik excel export API for exporting to excel.I have around 60000-70000 records in my datasource.Every time I call export to excel, the grid rebinds(row created event is getting called).How to prevent this from happening.Is there any way to export the datasaource without rebinding the grid.

Grid

answered on 22 Sep 2014

8 answers

634 views

Rad Editor Web.config registration missing!

Hi,
In my sharepoint page I am using rad editor, and when adding an image using insert image button in editor, and when clicking on properties button it shows the below error
Web.config registration missing!
The Telerik dialogs require a HttpHandler registration in the web.config file. Please, use the control's Smart Tag to add the handler automatically, or see the help for more information: Controls > RadEditor > Dialogs > Introduction

I have changed my web.config by adding the below lines
In <httpHandlers>
<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />
<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
and in <handlers>

<add name="Telerik_Web_UI_DialogHandler_aspx" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" />
<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />

and addded DialogHandlerUrl="/Telerik.Web.UI.DialogHandler.axd" in the radeditor tag.
but still showing the error.
how can I solve this issue?

thanks in advance
Jiju

Editor

answered on 22 Sep 2014

1 answer

151 views

image gallery images not seen

images are not displayed in rad image gallery as cross sign images displayed

ImageGallery

answered on 20 Sep 2014

2 answers

120 views

[Solved] last tab in the second line

Hi,

This is a very strange problem. I have a test page with a RadTabStrip (version 2014.1.225.40), It worked fine for quite a while. but yesterday I found the last tab in the tabstrip displayed in the second line in Chrome, a screenshot is attached. not sure when this problem happened. no code change at all recently. I guess it could because I upgraded the Chrome, but not sure. the problem happens only in Chrome, and disappears after a page postback. any help would be very appreciated.

Cheers,

Jason

<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" runat="server" Align="Left"

DataFieldID="key" DataValueField="key" DataTextField="value" MultiPageID="RadMultiPage1"

Skin="Silk" ScrollChildren="true" OnTabClick="RadTabStrip1_TabClick">

</telerik:RadTabStrip>

TabStrip

answered on 20 Sep 2014

2 answers

63 views

[Solved] RadColorPicker palette is cutted by the RadPanelBar

Hi,

I'm trying to add a RadColorPicker inside a RadPanelBar, but the color palette is cutted by the panel (see the image attached).
Here is my code:

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Height="300" ExpandMode="FullExpandedItem">

<Items>

<telerik:RadPanelItem Text="Ranges">

<ContentTemplate>

<asp:Panel id="pnlRangesPanel" runat="server" groupingtext="Limits">

<table>

<tr>

<td>Max: </td>

<td><asp:TextBox id="tbRangeMax" runat="server" /></td>

</tr>

<tr>

<td>Min: </td>

<td><asp:TextBox id="tbRangeMin" runat="server" /></td>

</tr>

<tr>

<td>Color:</td>

<td><telerik:RadColorPicker ID="radColorPicker1" runat="server" ShowIcon="true" ShowEmptyColor="false" /></td>

</tr>

</table>

</asp:Panel>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

It is possible the color palette overlaps the panel?

Thanks!

PanelBar

answered on 19 Sep 2014

1 answer

86 views

Question on the cross-layer integration demo

Hello,

Online you show a demo called cross-layer integration demo. You have a set of markers for places to visit on the map. You also have them connected with a line drawn showing the route. How do you draw the line on there? I saw in code how to add markers but if I want to draw a route on how to get somewhere how do you add that line for the route on the streets?

Thanks,

Warren

Map

answered on 19 Sep 2014