Questions on UI for ASP.NET AJAX Forum

2 answers

160 views

Frozen buttons and checkboxes in scrolling RadPane

I have a RadSplitter containing 3 horizontal panes, bottom and top fixed size. The middle pane contains a html table with several Telerik controls, including RadButtons, NumericTextBoxes and other buttons. The problem is that when the web browser is resized to be smaller than the natural size of the table, the button and checkbox controls appear frozen on the screen and do not scroll along with the rest of the contents of the RadPane. The interesting part is that it only happens with IE7 and only when the web page is being hosted from a remote IIS server. If I launch the project from VS2010 using the development web server, I see no problem. If I deploy to the remote web server and use FireFox or Chrome the page renders and behaves properly. It is only when I use IE7 and the browser window size is smaller than the size of the table (in which I expect to get the scrollbars just lime in Chrome and FF), 2 scrollbars appear and the controls appear frozen on the page.

The remote web server is a Win2003 IIS 6.0. I'm using VS2010 with Telerik.Web.UI_2010_3_1317 and .NET4.0.

Included are 3 snapshots of the problem in IE and one of the page behaving properly in Chrome. Here is the code (there is a lot of filler to increase the table size and illustrate the issue):

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Sample.aspx.vb" Inherits="RadControlsWebApp1.Sample" %>

<!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" style="width: 100%; height: 100%; margin: 0px auto; padding: 0px;">

<head runat="server">

<title></title>

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

</head>

<body style="width: 100%; height: 100%; margin: 0px auto; padding: 0px;">

<form id="form1" runat="server" style="width: 100%; height: 100%; margin: 0px auto; padding: 0px;">

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<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">

</script>

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

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Office2007">

</telerik:RadSkinManager>

<div style="width: 100%; height: 100%;">

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" Orientation="Horizontal" VisibleDuringInit="false" BorderSize="0">

<telerik:RadPane ID="RadPane1" runat="server" Height="20" Locked="true">

<span style="vertical-align: middle; font-size: 14px; font-weight: bold; margin: 2px;">Title:</span>

</telerik:RadPane>

<telerik:RadPane ID="RadPane2" runat="server" Height="100%">

<div style="height: 100%;">

<table>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="CheckBox1" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" Text="CheckBox1" />

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="CheckBox2" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" Text="CheckBox2" />

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="CheckBox3" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" Text="CheckBox3" />

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

Print Count:

<telerik:RadNumericTextBox ID="NumericTextBox1" runat="server" NumberFormat-DecimalDigits="0" MaxValue="99" MinValue="0" Width="50" ShowSpinButtons="false" />

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

Category:

<telerik:RadComboBox ID="ComboBox1" runat="server" Width="200px">

<Items>

<telerik:RadComboBoxItem Text="Item 1" />

<telerik:RadComboBoxItem Text="Item 2" />

<telerik:RadComboBoxItem Text="Item 3" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="RadButton1" runat="server" Text="Button1" />

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

<tr>

<td>

..

</td>

</tr>

</table>

</div>

</telerik:RadPane>

<telerik:RadPane ID="RadPane3" runat="server" Height="30" Locked="true">

<table width="100%">

<tr>

<td>

<telerik:RadButton ID="RadButton2" runat="server" Text="Button2" AutoPostBack="false" />

<telerik:RadButton ID="RadButton3" runat="server" Text="Button3" AutoPostBack="false" />

</td>

<td style="text-align: right">

<telerik:RadButton ID="RadButton4" runat="server" Text="Button4" AutoPostBack="false" />

<telerik:RadButton ID="RadButton5" runat="server" Text="Button5" AutoPostBack="false" />

</td>

</tr>

</table>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

Splitter

answered on 08 Mar 2011

5 answers

194 views

Sorting not working

I'm trying to sort a ListView but no way. I will explain what I've done:

- I get a List of products that containt an Order field (Orden integer)
- I put this datasource to the listview and databind()
- In the ascx I have this code:

<asp:Panel ID="listViewPanelProductos" CssClass="ListViewList" runat="server">

<telerik:RadListView ID="lvProductos" runat="server" AllowPaging="true"

EnableViewState="true" OnItemDataBound="lvProductos_ItemDataBound"

ItemPlaceholderID="ProductosContainer" DataKeyNames="IdProducto">

<SortExpressions>

<telerik:RadListViewSortExpression FieldName="Orden" SortOrder="Ascending" />

</SortExpressions>

<LayoutTemplate>

<fieldset id="fieldSet" class="fieldSet">

<asp:PlaceHolder ID="ProductosContainer" runat="server" />

<div style="clear:both"></div>

<table cellpadding="0" cellspacing="0" style="margin:auto; padding-top:15px;">

<tr>

<td>

<telerik:RadDataPager ID="pager" runat="server" PagedControlID="lvProductos" PageSize="10" Skin="Default" AllowSEOPaging="true" SEOPagingQueryPageKey="pag">

<Fields>

<telerik:RadDataPagerButtonField FieldType="Prev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="Next" />

</Fields>

</telerik:RadDataPager>

</td>

</tr>

</table>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<div class="item">

<div class="tituloProducto">

<h2>

<asp:HyperLink ID="lnkTitulo" Text='<%# Eval("Titulo") %>' ToolTip='<%# Eval("Titulo") %>'

runat="server" EnableViewState="false" />

</h2>

</div>

<div class="descripcionProducto">

<asp:Label ID="lblDescripcion" runat="server" EnableViewState="false"></asp:Label>

</div>

</ItemTemplate>

.

- No sorting happens.

What am I doing wrong?

Thanks

ListView

answered on 08 Mar 2011

3 answers

116 views

Update Grid on EditCommandColumn

Dear All,

I am using Needdatasource for binding data to Radgrid and with DataTable.

I need to restrict the access to edit only one column of a row instead of all columns of that row.
I need to know a simple way to get the updated values of selected row.
I need to update other columns of the grid on the base of updated column on EditCommandEvent occured.

Please Help.

Grid

answered on 08 Mar 2011

2 answers

1.1K+ views

[Solved] Opening application without address bar, location, toolbar in browser

Hi Sir/Ma'm

We have developed a web application , how can run application without address bar, location, toolbar etc.
I 'm able to do with script as window.open.. but this will open a new window.
But i want my login page to load without address bar, location, toolbar ...]

Please help me to achieve this

Thanks

Grid

answered on 08 Mar 2011

1 answer

134 views

RadWindow Gets Squished!

Can someone please help?

Within our application one of the radwindows opens up very narrow, as if it has been squished. To make it more curious, this is only happening on a couple of our users' machines. I originally thought it was an IE7 problem, as doesn't happen on my development machine running IE8, but I can't reproduce it in IE7 on a different machine. The application is fairly large and has well over 50 calls to open a RadWindow and this doesn't happen to any of them apart from this one. One other thing to mention, this is the only dialog were we use the Scheduler control...

Please help,
Thanks,
Adam

Window

answered on 08 Mar 2011

5 answers

262 views

Page not loading at all

hi,

I am using 2010_3_1215 in my project and it was/is running fine with Internet explorer and Firefox. But when it comes to Google Chrome the page is completely blank.

I have attached screens from Firefox and Google Chrome. I took screenshot from older version of chrome and it was working fine then. But since I upgraded to Google Chrome 9.0.597.107, the page is not loading. HTML is alright, but screen is blank.

You can check it on http://schoolsonline.nig2.com. Try loading the same page in Chrome, IE and Firefox.

I am using following versions for each browser
IE: 8.0.7600.16385
Firefox: 3.6.13
Chrome: 9.0.597.107

Can you please let me know what could be wrong. Please let me know if you need any input from my end.

Thanks
Atit

General Discussions

answered on 08 Mar 2011

1 answer

96 views

Ajaxmanager issue with Ajaxcontroltoolkit release 40412

The Telerik Ajax manager is failing after we upgraded the ajaxcontroltoolik to release 40412.
Below is the error message we get

Error: i.get_postBackElement() is undefined
Source File: http://localhost:4893/ScriptResource.axd?d=enlwfGsN91-xkS94RzKX7sLms2VTblyggVMBXwhOwZLLQAMoCNt4HigDu4pIA3QsY8OWoHMDxSvfEvKNoBf6kbp7KkHLvFdQJs90w2a593xiHJ9ZhDyyYKJ1VxjLiAMQC1JwjF6R6qNrblCmNbNInQ2&t=ffffffffc4b90375
Line: 107

Error: c.get_request()._get_eventHandlerList is not a function
Source File: http://localhost:4893/ScriptResource.axd?d=enlwfGsN91-xkS94RzKX7sLms2VTblyggVMBXwhOwZLLQAMoCNt4HigDu4pIA3QsY8OWoHMDxSvfEvKNoBf6kbp7KkHLvFdQJs90w2a593xiHJ9ZhDyyYKJ1VxjLiAMQC1JwjF6R6qNrblCmNbNInQ2&t=ffffffffc4b90375
Line: 183

screen shots are attached

Ajax

answered on 08 Mar 2011

4 answers

346 views

[Solved] Hidding a column

I am currently using a column with a boolean value to determine whether to enable/disable certain buttons on the itemselected event client side. The problem I have is that I do not want to display this column to the user but I can't set visible=false as then the javascript will fail. For a radgrid I can set Display=false, but that option does not seem to exist with a treeList?

<telerik:RadTreeList ID="radTreeList" runat="server" AutoGenerateColumns="false"

AllowPaging="false" PageSize="5" DataKeyNames="ID" ParentDataKeyNames="ParentTemplateId"

OnNeedDataSource="radTreeList_NeedDataSource" Skin="Web20">

<ClientSettings AllowPostBackOnItemClick="false">

<Selecting AllowItemSelection="True" />

<ClientEvents OnItemSelected="itemSelected" />

</ClientSettings>

<Columns>

<telerik:TreeListBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name" />

<telerik:TreeListBoundColumn DataField="ModifiedTime" HeaderText="ModifiedTime" UniqueName="ModifiedTime" />

<telerik:TreeListCheckBoxColumn UniqueName="chkHasChildren" DataField="HasChildren"

HeaderText="HasChildren" />

</Columns>

</telerik:RadTreeList>

TreeList

answered on 08 Mar 2011

7 answers

185 views

[Solved] RadEditor Toolsfile causes error

Hi. I want a simplified configuration of the RadEditor. However, I get an error:

"The string parameter 'key' cannot be null or empty"

All I have done is create a new page and add an Editor control. That obviously runs fine. I've created an "Editor" directory in my site and copy BasicTools.xml (from the telerik demos). I then set the editor control's ToolsFile property to reference the xml. Just making that change causes the site not to run and I get the above error message. What's wrong?

Editor

answered on 08 Mar 2011

2 answers

91 views

[Solved] TooltipManager with DayRender

Hi,

I am trying to show the tooltips of a special day with tooltip manager.

I am trying to follow the below example:
http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipcalendar/defaultcs.aspx

I have the following code in page load and day render

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

RadCalendarDay day = new RadCalendarDay();

day.Date = new DateTime(2011, 3, 25);

day.ToolTip = "Test <br /> Test.";

cal.SpecialDays.Add(day);

}

protected void cal_DayRender(object sender, Telerik.Web.UI.Calendar.DayRenderEventArgs e)

{

if(e.Day.Date == new DateTime(2011, 3, 25)){