Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
114 views
I am looking for a way to provide a threaded discussion as part of a web application. Is there a Telerik control that provides this functionality?

Thanks
Veselin Vasilev
Telerik team
 answered on 29 Mar 2010
3 answers
269 views
If I have a pageview with content that gets changed by an ajax update, it would be nice to notify the user that something is changing on that pageview, even if it is not currently visible because a different tab is selected. The typical way to do this would be to display a loading image in the tab next to the tab text. I hae tried the following to include a loading image next to the tab text, however,even though I use IsSticky="true" I am finding it difficult to get the loading image to apear on the same line next to the tab text. Is this possible to do currenlty? If not, and even if it is through some sort of hack, this would be good out-of-the box functionality in the future.

<telerik:RadTab ID="tab3" runat="server" PageViewID="pvDR" Value="Report">  
                                                    <TabTemplate> 
                                                        Design Report  
                                                      <telerik:RadAjaxLoadingPanel id="lpReport" Runat="server" IsSticky="True"><asp:Image id="Image51" runat="server" AlternateText="Loading..." BorderWidth="0px" ImageUrl="~/global/images/loading.gif"></asp:Image></telerik:RadAjaxLoadingPanel> 
                                                    </TabTemplate> 
                                                </telerik:RadTab> 
Vesko
Top achievements
Rank 2
 answered on 29 Mar 2010
1 answer
66 views
Hi, i have no idea why is happening but in IE8 sometimes it blocks the page's texboxes, don't let me to be positioned for write... When that happen i restart aplication and then it works. Why???, maybe javascript from radgrid, you happened sometime?? thx
Iana Tsolova
Telerik team
 answered on 29 Mar 2010
1 answer
56 views
Guys I dont want some of the tool bar panel could some one help me to set the properties.

Thanks,
Ram
Shinu
Top achievements
Rank 2
 answered on 29 Mar 2010
1 answer
61 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
145 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
98 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
426 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
197 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
198 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?