Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
56 views
I've implemented the Yahoo-like AJAX scrolling in a grid. It works great. There's one small issue which I'd like to resolve. When the scroller is moved to the bottom of the grid and the additional records are retrieved, the grid is re-created (GridCreated fires) and the JS that I use to dynamically resized the ScrollHeight is executed. This causes the height of the grid to visibly change during the AJAX call.

Any suggestions on how to avoid this "flicker"?

Thanks
Yavor
Telerik team
 answered on 29 Mar 2010
4 answers
143 views
Hello,

We are experiencing a problem with rendering the edit form template as a popup over a drop down list.  For some reason, on IE6, the drop down that should be behind the popup is drawn on top of the popup form.  Attached is a screenshot of what I mean.

This works fine in all other browsers, but not IE6.  I tried setting the ZIndex on the popup to no avail.  Is there a workaround for this?

Thanks,
George
Dimo
Telerik team
 answered on 29 Mar 2010
2 answers
95 views
Hello All,

Using telerik radGrid 2009.3.1103.35

I have a form with 4 columns displayed and filters work well there.  However, on my main form, I have about 40 other columns, and I would like to be able to search by some of those, perhaps ten or twelve in total.

but if I display all twelve columns, my form is too wide for the screen, so I guess that I need a custom search screen?

Is there any way to do using the grid?

thanks

Mark

Mark Breen
Top achievements
Rank 1
 answered on 28 Mar 2010
2 answers
414 views
I have a site that loads data intensive charts that take a while to generate.  In order to improve the user's experience, we opted to load the page (minus the charts), then fire an ajax call to begin loading the charts at that time.  Currently it is simply being done by a Timer whose Interval is set to 1 sec.

This works responsibly well on most machines.  However, we started having some errors where splitters would not resize initially, menus would not load completely etc.  For the most part the behaviour was random and worse on some machines.

I realized that the JS was not completly loading before the timer was kicking off.  The timer was killing the current runing js files.

So I changed the timer to a 5 sec delay and everything worked as adversied.

So my question is: Is there an event that gets fired once all of the Telerik JS is finished loading?  If I could tie into that, I could enable my timer at eliminate the generic 5 sec wait time for most users.

Thanks for any advice.
Tony
SamJ
Top achievements
Rank 1
 answered on 28 Mar 2010
1 answer
193 views
Hi all

I make a multi column combo box and on its selectedindexchange event i am showing some text in the label. My SelectedIndexChange event fires when i select the item using mouse but when i place the cursor in the combo box and change the item's selection using up and down arrow keys them selectedindexchnage event do not fire if i hit enete key then it fires. but i want that to be fire by using arrow keys. My html and c# code is given below:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Vista" Height="190px"  
        Width="420px" MarkFirstMatch="true" EnableLoadOnDemand="true"
        HighlightTemplatedItems="true" OnClientItemsRequested="UpdateItemCountField"
        OnDataBound="RadComboBox1_DataBound" OnItemDataBound="RadComboBox1_ItemDataBound"
        OnItemsRequested="RadComboBox1_ItemsRequested"
        ontextchanged="RadComboBox1_TextChanged"
        OnClientKeyPressing="HandkeKeyPress"
        OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged" AutoPostBack ="true" >
         <HeaderTemplate>
            <ul>
                <li class="col1">Name</li>
                <li class="col2">Number</li>
                <%--<li class="col3">Title</li>--%>
            </ul>
        </HeaderTemplate>
        <ItemTemplate>
            <ul>
                <li class="col1">
                    <%# DataBinder.Eval(Container.DataItem, "Name") %></li>
                <li class="col2">
                    <%# DataBinder.Eval(Container.DataItem, "Number") %></li>
                <%--<li class="col3">
                    <%# DataBinder.Eval(Container.DataItem, "ContactTitle") %></li>--%>
            </ul>
        </ItemTemplate>
        <FooterTemplate>
            A total of
            <asp:Literal runat="server" ID="RadComboItemsCount" />
            items
        </FooterTemplate>
    </telerik:RadComboBox>

and c# code is:

 private DataTable table;
    protected void Page_Load(object sender, EventArgs e)
    {
       
        DoDataBind();
    }   

    public void DoDataBind()
    {
        DataTable dt = CreateData();       
        RadComboBox1.DataSource = dt.DefaultView;
        RadComboBox1.DataBind();

    }
    protected void RadComboBox1_DataBound(object sender, EventArgs e)
    {
    
        ((Literal)RadComboBox1.Footer.FindControl("RadComboItemsCount")).Text = Convert.ToString(RadComboBox1.Items.Count);
    }
    private DataTable CreateData()
    {
        table = new DataTable();
        table.Columns.Add("Name", typeof(string));
        table.Columns.Add("Number", typeof(int));
        table.Rows.Add(new object[] { "one", "1" });
        table.Rows.Add(new object[] { "two", "2" });
        table.Rows.Add(new object[] { "three", "3" });
        table.Rows.Add(new object[] { "four", "4" });
        table.Rows.Add(new object[] { "five", "5" });
        table.Rows.Add(new object[] { "six", "6" });
        return table;
    }
    protected void RadComboBox1_ItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)
    {

        DataTable dt = new DataTable();
        dt.Columns.Add("Name", typeof(string));
        dt.Columns.Add("Number", typeof(int));
        DataRow[] foundRows;
        foundRows = table.Select("Name LIKE '" + e.Text + "%'");
        foreach (DataRow dr in foundRows)
        {

            dt.ImportRow(dr);
        }
        RadComboBox1.DataSource = dt;
        RadComboBox1.DataBind();
    }

    protected void RadComboBox1_ItemDataBound(object sender, RadComboBoxItemEventArgs e)
    {
        e.Item.Text = ((DataRowView)e.Item.DataItem)["Name"].ToString() + " (" +((DataRowView)e.Item.DataItem)["Number"].ToString() +")";
        e.Item.Value = ((DataRowView)e.Item.DataItem)["Number"].ToString();
    }

 protected void RadComboBox1_SelectedIndexChanged(object o, RadComboBoxSelectedIndexChangedEventArgs e)
    {
        lbltemp.Text  = "abc";
    }
Simon
Telerik team
 answered on 27 Mar 2010
4 answers
194 views
Hi,

I have a very simple site with a masterpage.
This site is just for demo purposes and some tests.

It has a masterpage - and is AJAX enabled.

Here the main layout

<body style="background-color:#666699">  
    <center> 
        <form id="form1" runat="server">  
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">  
        </telerik:RadScriptManager> 
        <asp:SiteMapDataSource ID="dsSM" runat="server" ShowStartingNode="false" SiteMapProvider="XmlSiteMapProvider" /> 
        <div style="height: 90px; width: 980px;">  
            <div style="height: 90px; width: 730px; float: left; background-color: Black;">  
                <img src="/Images/Banner728x90.jpg" alt="House1 Main Banner" /> 
            </div> 
            <div style="height: 90px; width: 250px; float: left; background: Orange;">  
            </div> 
        </div> 
        <div style="height: 25px; width: 980px; background: DarkRed;">  
            <telerik:RadMenu ID="rmMainAno" runat="server" Style="top: 0px; left: 0px; width: 980px" DataSourceID="dsSM">  
                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
            </telerik:RadMenu> 
        </div> 
        <div style="height: 600px; width: 980px; background: White; text-align: left">  
            <div style="height: 588px; width: 718px; float: left; overflow: auto; padding:6px 6px 6px 6px; ">  
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" /> 
            </div> 
            <div style="height: 600px; width: 250px; float: left; background-color: Maroon;">  
            </div> 
        </div> 
        <div style="height: 30px; width: 980px; text-align: left; background-color: Silver; padding-top: 3px;">  
            My Footer</div> 
        </form> 
    </center> 
</body> 
 
So I have a head with 2 areas.
A navigation line with RadMenu.
A content pane and on the right side a "news pane".
On the bottom is some place for a footer.
I guess a pretty common and normal layout.

Everything works until it comes to the rotator.
Here is the page - also very simple:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">  
    <style type="text/css">  
        .itemTemplate  
        {  
            text-align: center;  
            padding: 6px;  
            border: solid 1px #dddddd !important;  
        }  
    </style> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">  
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="LoadingPanel1">  
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="rrRot">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="imgPreview" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Transparency="30" BackColor="#E0E0E0">  
        <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' alt="Loading..." style="border: 0;" /> 
    </telerik:RadAjaxLoadingPanel> 
    <asp:Image ID="imgPreview" runat="server" Width="600px" ImageUrl="~/Images/Gallery/ASau1.jpg" /> 
    <br /> 
    <telerik:RadRotator ID="rrRot" runat="server" PauseOnMouseOver="false" OnItemClick="rrRot_ItemClick" Width="670px" Height="100px">  
        <ItemTemplate> 
            <div class="itemTemplate">  
                <img src='<%# DataBinder.Eval(Container.DataItem, "Image") %>' alt='gallery image' width="120" /> 
            </div> 
        </ItemTemplate> 
    </telerik:RadRotator> 
</asp:Content> 
 

You can see this page on REMOVED - SOLVED
I changed the size of the imgPreview to make the things a bit larger.
The result is in REMOVED - SOLVED

With FF 3.0.5 it works as expected - at least when I turn of "PauseOnMouseOver" because this sometimes stops the animation.
It goes than into a state where it does not scroll - but when I enter with the mouse and go out again it scrolls for some frames than it stops again.....

But anyhow - I don't really need PauseOnMouseOver.
But when you whatch the page with IE 7 - it is in simply words "unusable".

The Rotator is not included in scrolling.
If you load the page it is below the containing div.
When you scroll down an click on an image - it is positioned inside the frame.
But scrolling scrolls only the imgPreview not the rotator....
If you scroll up and click again -- it is displayed again below the div.

I don't think this is what you mean when you say:

Wide Cross-browser Support
RadControls for ASP.NET AJAX provides a consistent experience across all the major browsers: Internet Explorer, Firefox, .....
:)

Just kidding - but help would be great!!

Regards

Manfred

Pero
Telerik team
 answered on 27 Mar 2010
2 answers
238 views
hi i need to apply style cssclass at code behind for the last row in the rad grid. the grid may be binding the data dynamically.

any idea? please help
Jose Montero
Top achievements
Rank 1
 answered on 26 Mar 2010
8 answers
221 views
Hi

I am getting following error during load time after added the loading panel into the grid.
"Microsoft JScript runtime error: 'Sys.WebForms.PageRequestManager' is null or not an object".

And interrups the running of the program..
ASPX code is:

 

 

 

 <telerik:RadAjaxManager ID="radAjaxManager" runat="server" ClientEvents-OnRequestStart="requestStart" 
                OnAjaxSettingCreating="radAjaxManager_AjaxSettingCreating">  
                <AjaxSettings> 
                    <telerik:AjaxSetting AjaxControlID="RadGrid1">  
                        <UpdatedControls> 
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="ajaxLoadingPanel" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
                </AjaxSettings> 
                <ClientEvents OnRequestStart="requestStart" /> 
            </telerik:RadAjaxManager> 
            <telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" runat="server" Height="75px" 
                Width="75px" HorizontalAlign="Left" BackgroundPosition="BottomLeft" Direction="LeftToRight">  
                <div style="position: absolute; left: 500px; top: 200px">  
                    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' 
                        style="border: 0px;" /> 
                </div> 
            </telerik:RadAjaxLoadingPanel> 

I could not find out where i made mistake..so help me find out the issue
--Thanks

Bruno
Top achievements
Rank 2
 answered on 26 Mar 2010
4 answers
158 views
Dear Sir,
               
   I have to insert appointments in the website (web control) and retrieve the appointments in the windows application (win control). Is it possible ?

i am using both the web & win rad controls for a same project  which is created in the web & now it it converting that same project as window application. In that, RadSchedule control in both web & win rad control's recurrence rule field 's (format) data is varying while inserting a new appointment. But i am using a single database (sqlserver 2005). Can i insert  same type of recurrence rule field 's (format) data in both.

Please reply as soon as possible..

By S Suriya Narayanan
Vassil Petev
Telerik team
 answered on 26 Mar 2010
2 answers
92 views
Hello all -

I am new to using the Telerik controls and am encountering a problem that I cannot seem to find a solution to. It's probably a simple fix and am hoping someone can point me in the right direction.  I have added the RadAjaxPanel and a panel bar to one of my pages. Withing the ItemTemplate tags I have added a div with several labels and textboxes. When I look at the page in design view or through a browser the text for the labels does not appear? If I highlight the area in a browser I can see the text so it appears the its being rendered with the text color set to white. If in design view I set the skin attribute to "Default" then the text shows up.

Any thoughts?

Thanks in advance!
Simon
Top achievements
Rank 1
 answered on 26 Mar 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?