I have recently upgraded a RadGrid from the ASP.NET version to the latest ASP.NET AJAX version.  I am running into some problems with sizing.  When the grid first loads, you can see the data and the grid looks normal for about a second.  Then, the grid 'gets squished', and I can only see half of the first row.  I am able to resize the grid with javascript to make it look normal, but then it has a flicker effect, and it looks even worse with the more records that are loaded. Below is my grid declaration and related javascript code.  I need for the grid to maintain its height when the page loads.  Does anyone know why it might be doing this?

 

<telerik:RadGrid ID="dgHistory" runat="server"

 

 

Skin="Office2007"

 

 

Height="100%"

 

 

Width="100%"

 

 

EnableViewState="false"

 

 

AutoGenerateColumns="False" >

 

 

<MasterTableView AllowSorting="true" AllowNaturalSort="true" EnableViewState="false" TableLayout="Auto" >

 

 

<HeaderStyle Width="100%" />

 

 

<ItemStyle Font-Size="X-Small" Font-Names="Arial" HorizontalAlign="Left" Wrap="True" BackColor="ActiveCaptionText" />

 

 

<AlternatingItemStyle Font-Size="X-Small" Font-Names="Arial" HorizontalAlign="Left" Wrap="True" BackColor="Control" />

 

 

</MasterTableView>

 

 

<HeaderStyle Wrap="false" />

 

 

<ClientSettings>

 

 

<Selecting AllowRowSelect="true" />

 

 

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

 

 

<ClientEvents OnRowSelected="RowSelected" />

 

 

<Resizing EnableRealTimeResize="false" ResizeGridOnColumnResize="False" />

 

 

</ClientSettings>

 

 

<GroupingSettings CaseSensitive="false" />

 

 

</telerik:RadGrid>

 

 

function Resize() {

 

 

 

 

 

var scrollArea = document.getElementById("<%= dgHistory.ClientID %>" + "_GridData");

 

 

if(scrollArea){

 

setTimeout(

function(){

 

 

var header = document.getElementById("<%= dgHistory.ClientID %>" + "_GridHeader");

 

scrollArea.style.height = document.body.offsetHeight - (header.offsetHeight * 3.5) +

"px";

 

scrollArea.style.height = document.body.offsetHeight - header.offsetHeight - 32 +

"px";

 

}, 200);

}

 

 

 

}

I have a website that uses SSL for its login page.  Everything is fine with IE7, FireFox and Chrome, however, during tests with IE8, I am getting the warning about some of the objects not being secured.

Hi,

Hi,


I was wondering how I could extend my RadChart border at the bottom dynamically. For example, If I have a legend which gets too long or if the X-Axis lables get too long ( when aligned at an angle), I would like my chart border to expand downwards to accommodate these elements.


Can you please suggest me a pointer to achieve this?


Thanks,
Ketan Reddy

Hello!

I receive the error Cannot find any bindable properties in an item from the datasource when I try to achieve client-side databinding with the help of a webservice.
I use one class to handle all calls to my stored procedures. They return a DataTable. When I use these calls in RadGrid1_NeedDataSource() to bind data with RadGrid1.DataSource = myClass.GetDataTable(); it works fine.
But when I place the same call in a WebService and use that Webservice in my javascript functions it does not.

in myService.cs:
[WebMethod]
public DataTable bindData()
{
   return myClass.GetDataTable();
}

my javascript:
function pageLoad(sender, args)
{
    setInterval("myService.bindData(updateGrid)", 1000);
}
function updateGrid(result)
{
     //var grid = $find("<%= RadGrid1.ClientID %>");
     //grid.DataSource = result;
     var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
     tableView.set_dataSource(result);
     tableView.dataBind();
}

In my RadGrid I use an ItemTemplate.

I am using an Item template with an custom attribute Offset. Everything works ok except I am getting a lot of validation warnings on my Offset attribute. Is there a way to avoid them?

Can someone give me the run-down of the pros and cons for usings ItemsRequested vs. Webservice?

Here is my situation, this might not be the best solution, but it almost works:

I have a master page with a radmenu in it.  The menu item is a template item and in it I have a radajaxpanel (is this advised?).  This menu item shows a folder structure that i created along with a text box that lets you type ahead to filter the folders that show in the menu updating the radajaxpanel.   This works great on most pages, however, on pages where the child page contains a rad grid, the rad grids PreRender method keeps getting called which dramatically slows down the type ahead.  Who is calling the PreRender method?  Any ideas on how to track that down.  I put break points everywhere but it just keeps going into PreRender and I can't tell why it goes in there.  It never calls the NeedDataSource method.

This is in the RadCodeBlock

Code Behind of master page

LoadTreePanel ends with this

Anything here that would cause the child page to fire the RadGrid's PreRender

Hi!

When i´m trying to set the Visible property of the RadEditor to "True", from a previous "False" state, it is not loading correctly after the first postback using Ajax and a button click.
When i use the OnClientLoad="alert('Some text')" RadEditor property it works correctly.
It´s seems to be a bug.

Kind regards,

Adrian

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

ASPX Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="radScriptManager" runat="server">
    </telerik:RadScriptManager>
    
        <telerik:RadAjaxManager ID="radAjaxManager" runat="server">
        <AjaxSettings>
        
            <telerik:AjaxSetting AjaxControlID="buttonA">
                <UpdatedControls>                    
                    <telerik:AjaxUpdatedControl ControlID="radEditor"  />
                </UpdatedControls>
            </telerik:AjaxSetting>

        </AjaxSettings>
    </telerik:RadAjaxManager>
    
    <div id="divEditor" runat="server">   
        <telerik:RadEditor ID="radEditor" runat="server" Width="100%" Height="500px">            
        </telerik:RadEditor>
        
        <asp:Button ID="buttonA" runat="server" OnClick="ButtonAClick" />
    </div>
    
    </form>
</body>
</html>

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

CS Code:

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Services;
using System.Web.Script.Services;

public partial class Default : System.Web.UI.Page
{
    public void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            radEditor.Visible = false;
        }
    }

    protected void ButtonAClick(object sender, EventArgs e)
    {
        radEditor.Visible = !radEditor.Visible;
    }
}

Hi

Is there a way to get the imagefilename and url of the image clicked on using clientside Javascript?