Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
175 views
Dear support team,

When i create a Ribbon from designer i get the error:
"Cannor create an abstract class" (see attached image.)

Can you please check it? it maybe a bug.

Thank you in advance for your time,

Best regards,
George.
Navarino technology department.
Helen
Telerik team
 answered on 17 Mar 2011
1 answer
141 views
Hi Telerik,

While testing version 5.8.6.0 we came across a strange issue with Paragraph Styles and also noticed that this issue also occurs on your online demo version.

Background: We are running MOSS 2007 and IE8.

Issue: When Paragraph Styles such as Heading 1, Heading 2, Heading 3, etc, have been applied to a list of Headings and then you try to turn those heading styles back into Normal text, the RadEditor focus jumps and also each heading is placed right next to each other horizontally.

This is a little difficult to explain, so please try out the following test to understand it better:

  • Go to the "ASP.NET Editor Demo - First Look" demo on your site.
  • Keep the existing content there (so that you will be able to see how the RadEditor focus jumps when you do the following.)
  • Create a list with the following. Each line should be a seperate paragraph or bullet point:
    • Heading 1
    • Heading 2
    • Heading 3
    • Heading 4
    • Heading 5
  • Apply the corresponding Paragraph Style to each Heading, i.e. apply the Heading 1 style to the text "Heading 1", apply the Heading 2 style to the text "Heading 2", etc. right down to Heading 5.
  • Now select the text "Heading 5" and change the Paragraph Style to Normal.
  • Now select the text "Heading 4" and change the Paragraph Style to Normal. The text has correctly changed to Normal but the RadEditor focus has jumped and the text for Heading 4 and Heading 5 have merged onto the same line, i.e. "Heading 4Heading 5".
  • Select the text "Heading 3" and change the Paragraph Style to Normal. Again the RadEditor jumps and the text shows as "Heading 3Heading 4Heading 5".
  • The same issue continues right up to "Heading 1" where the RadEditor focus jumps and you are left with the result "Heading 1Heading 2Heading 3Heading 4Heading 5".

I hope that has all made sense. Any ideas as to why this happens and what can be done to fix this?

Thanks,
Claudz

Marin Bratanov
Telerik team
 answered on 17 Mar 2011
4 answers
113 views

Some of my controls render incorrectly in IE8 and 9 when Action Recorder is running. For example, my Telerik RadStrip control renders vertically broken instead of horizontally.

Here's a pic of the incorrect rendering:

http://i1089.photobucket.com/albums/i341/adammil2000/incorrect.png

Here's a pic of the correct rendering when I get rid of action recorder:

http://i1089.photobucket.com/albums/i341/adammil2000/correct.png

Please help, thanks!

Helen
Telerik team
 answered on 17 Mar 2011
3 answers
179 views
Currently have a asp:Wizard control performing fine when wrapped in an asp:Panel, however, once wrapped in a RadAjaxPanel it errors out.  The UI design requires that the DisplaySideBar="false" so we are not interested in showing tabs, as former posts refer to using the Telerik Wizard demo sample.

Can anyone point out an item we may be overlooking?

The asp:Wizard sits inside a RadAjaxPanel in a WebUserControl.ascx.  This WebUserControl.ascx is then part of a webform which sits inside a masterpage.  Remember, when wrapped in an asp:Panel the page works just fine.

Below is the stubbed out templates for the asp:Wizard control inside the .ascx file:
<div>           
     <telerik:RadAjaxPanel ID="panelwInterview" CssClass="panelsASP" Wrap="False" runat="server" Height="350px" Width="100%">
        <ol>
<asp:Wizard ID="WizardInterview" runat="server" Height="100%"
            Width="100%" ActiveStepIndex="0" BorderStyle="None">               
    <HeaderTemplate>
        <li>                      
            <asp:ValidationSummary ID="ValidationSummaryInterview" runat="server" BorderStyle="None" DisplayMode="SingleParagraph"
                HeaderText="Please correct the following:" ShowMessageBox="True" />
        </li>                  
    </HeaderTemplate>
    <StartNavigationTemplate>
        <telerik:RadButton ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Next Question" CausesValidation="False">
        </telerik:RadButton>             
    </StartNavigationTemplate>
    <StepNavigationTemplate>           
        <telerik:RadButton ID="StepPreviousButton" runat="server" CausesValidation="False"
                           CommandName="MovePrevious" Text="Previous Question">
        </telerik:RadButton>                                    
        <telerik:RadButton ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Next Question">
        </telerik:RadButton>               
    </StepNavigationTemplate>
    <FinishNavigationTemplate>
        <telerik:RadButton ID="FinishPreviousButton" CausesValidation="False"
                           CommandName="MovePrevious" Text="Previous" runat="server">
        </telerik:RadButton>
        <telerik:RadButton ID="FinishButton" CommandName="MoveComplete"
                           Text="Finish" runat="server">
        </telerik:RadButton>                                      
    </FinishNavigationTemplate>
    <WizardSteps>...

Much Thanks.
Marin
Telerik team
 answered on 17 Mar 2011
5 answers
232 views

Hi, I have a problem with the control RadAjaxLoadingPanel. My version of Telerik controls is 2009.3.1314.35.

When I expand all the panels by server call,  the loader is showed correctly on each panel, but when one of the panels ends the loader panel stop loader image and then, when the async post back was end, show the correct result.  Where am I wrong?

Can I use only 1 PanelLoad for each Panel? In this exemple I have use 3 different Load, but the result is the same if I use 1 loader for all panel, is it wrong? Is it correct to use 1 panel Load for all Panel or must I use different loader panel?

 

If I use the DefaultLoadingPanelID of RadAjaxManager and clear the LoadingPanelID of RadAjaxPanel control the loader are not show, is wrong this operation?

I have also this problems

-          I want to custom the style of panel header, what should I do? Does a specific css property exists for this? The css property of panelbar is for body not header.

-          The distance of panel was set in panelBoxOut css class, in the attached sample is 90px. The loader are draw under the panel header corectly. If I set the property to 10 px the loader are draw in header panel. I want that the space from 2 panel are 10px but the loader are draw under loader and the distance is in css property class (90px), is it possible?

-          I would like to call expand funtion by server side, but collapse the panel invoking a client function, I don’t want the postback for collapse, is it possible?

 

Here enclosed you will find a solution that summarize all the issue written in this post.

Thanks in advance for your prompt reply.

Best Regards.



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="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">
<head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
    <style type="text/css">
        .panelBoxOut
        {
            min-height: 90px;
        }
        .panelBoxIn
        {
            min-height: 35px;
        }
    </style>
</head>
<body>
  
    <script type="text/javascript">
        function OnExpand(sender, eventArgs) {
            //logEvent("On expand: " + eventArgs.get_item().get_text());
        }
  
        function OnCollapse(sender, eventArgs) {
            //logEvent("On collapse: " + eventArgs.get_item().get_text());
            //how to Stop postback???
            return false;
        }
    </script>
  
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" RequestQueueSize="10">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxPanelFatture">
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadAjaxPanelContratti">
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel3" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
    <div>
        <div>
            <telerik:RadAjaxPanel ID="RadAjaxPanel1Contratti" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
                <telerik:RadPanelBar runat="server" ID="RadPanelBarContratti" AllowCollapseAllItems="True"
                    Width="100%" CssClass="panelBoxOut" OnClientItemExpand="OnExpand" OnClientItemCollapse="OnCollapse"
                    OnItemClick="RadPanelBarContratti_ItemClick">
                    <Items>
                        <telerik:RadPanelItem Text="1) Contratti" Value="pnlDataAnagafica">
                            <Items>
                                <telerik:RadPanelItem Value="Grid">
                                    <ItemTemplate>
                                        <div class="panelBoxIn">
                                            <%--<telerik:RadGrid ID="grdContratti" runat="server" DataSourceID="ObjectDataSourceContratti"
                                                GridLines="None" Visible="False" AutoGenerateColumns="False">
                                                <MasterTableView>
                                                </MasterTableView>
                                            </telerik:RadGrid>--%>
                                            <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelBar>
            </telerik:RadAjaxPanel>
        </div>
        <div>
            <telerik:RadAjaxPanel ID="RadAjaxPanelFatture" runat="server" LoadingPanelID="RadAjaxLoadingPanel2">
                <telerik:RadPanelBar runat="server" ID="RadPanelBarFatture" CssClass="panelBoxOut"
                    AllowCollapseAllItems="false" Width="100%" OnClientItemExpand="OnExpand" OnClientItemCollapse="OnCollapse"
                    OnItemClick="RadPanelBarFatture_ItemClick">
                    <Items>
                        <telerik:RadPanelItem Text="2) Fatture" Value="pnlDataAnagafica">
                            <Items>
                                <telerik:RadPanelItem Value="Grid">
                                    <ItemTemplate>
                                        <div class="panelBoxIn">
                                            <%-- <telerik:RadGrid ID="grdFatture" runat="server" DataSourceID="ObjectDataSourceFatture"
                                                GridLines="None" Visible="False" AutoGenerateColumns="False" OnGridCreated="OnGridCreated"
                                                AllowPaging="True" PageSize="15">
                                                <MasterTableView>
                                                </MasterTableView>
                                            </telerik:RadGrid>--%>
                                            <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelBar>
            </telerik:RadAjaxPanel>
        </div>
        <div>
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel3">
                <telerik:RadPanelBar runat="server" ID="RadPanelBarBarAnagrafe" CssClass="panelBoxOut"
                    AllowCollapseAllItems="false" Width="100%" OnClientItemExpand="OnExpand" OnClientItemCollapse="OnCollapse"
                    OnItemClick="RadPanelBarAnagrafe_ItemClick">
                    <Items>
                        <telerik:RadPanelItem Text="3) Fatture" Value="pnlDataAnagafica">
                            <Items>
                                <telerik:RadPanelItem Value="Grid">
                                    <ItemTemplate>
                                        <div class="panelBoxIn">
                                            <%-- <telerik:RadGrid ID="grdFatture" runat="server" DataSourceID="ObjectDataSourceFatture"
                                                GridLines="None" Visible="False" AutoGenerateColumns="False" OnGridCreated="OnGridCreated"
                                                AllowPaging="True" PageSize="15">
                                                <MasterTableView>
                                                </MasterTableView>
                                            </telerik:RadGrid>--%>
                                            <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
                                        </div>
                                    </ItemTemplate>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelBar>
            </telerik:RadAjaxPanel>
        </div>
    </div>
    </form>
</body>
</html>
using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
  
using System.Data;
using System.Configuration;
using System.Web.Security;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using Telerik.Web.UI;
  
public partial class Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
  
    protected void RadPanelBarContratti_ItemClick(object sender, RadPanelBarEventArgs e)
    {
        /* 
        RadGrid grdContratti = (RadGrid)RadPanelBarContratti.FindItemByValue("Grid").FindControl("grdContratti");
        if (!grdContratti.Visible)
        {
            grdContratti.Visible = true;
            base.ConfigGrid(ref grdContratti);
            //grdContratti.DataBind();
        }
        */
  
       //Simulate grid bind time with thread
        System.Threading.Thread.Sleep(15000);
        Label lblContratti = (Label)RadPanelBarContratti.FindItemByValue("Grid").FindControl("Label1");
        lblContratti.Text = "Bind Finish!";
    }
  
    protected void RadPanelBarFatture_ItemClick(object sender, RadPanelBarEventArgs e)
    {
        /*
        RadGrid grdFatture = (RadGrid)RadPanelBarFatture.FindItemByValue("Grid").FindControl("grdFatture");
        if (!grdFatture.Visible)
        {
            grdFatture.Visible = true;
            base.ConfigGrid(ref grdFatture);
            //grdFatture.DataBind();
        }
        */
  
        //Simulate grid bind time with thread
        System.Threading.Thread.Sleep(10000);
        Label lblContratti = (Label)RadPanelBarFatture.FindItemByValue("Grid").FindControl("Label1");
        lblContratti.Text = "Bind Finish!";
    }
  
    protected void RadPanelBarAnagrafe_ItemClick(object sender, RadPanelBarEventArgs e)
    {
        /*
        RadGrid grdFatture = (RadGrid)RadPanelBarFatture.FindItemByValue("Grid").FindControl("grdFatture");
        if (!grdFatture.Visible)
        {
            grdFatture.Visible = true;
            base.ConfigGrid(ref grdFatture);
            //grdFatture.DataBind();
        }
        */
  
        //Simulate grid bind time with thread
        System.Threading.Thread.Sleep(5000);
        Label lblContratti = (Label)RadPanelBarBarAnagrafe.FindItemByValue("Grid").FindControl("Label1");
        lblContratti.Text = "Bind Finish!";
    }
}
Vasil
Telerik team
 answered on 17 Mar 2011
2 answers
91 views
I recently upgraded my laptop to Windows 7, and also upgraded my browser to IE9.

After installing Visual Studio (2008) I installed the RadControls (Q1 2010). Everything worked fine until I ran my application, and noticed that the FormDecorator was no longer working for buttons. More specifically, the FormDecorator does not work when a form contains multiple buttons. If there's only one button it works, but with multiple buttons nothing happens. The decorator works fine for other controls, like CheckBoxes and RadioButtons. I did turn on compatibility view to see if it was a browser issue, but that didn't make any difference.

Considering that the site uses a variation of the Sunset theme (Red, orange, brown, etc.), gray/blue buttons stick out like a sore thumb.

What can I do to fix this problem? I've included a picture to illustrate the problem, and also some code to show how I'm creating the decorators in HTML.

Thanks.

<telerik:RadFormDecorator ID="ButtonDecorator" DecoratedControls="Buttons" Skin="Sunset" RegisterWithScriptManager="true" EnableRoundedCorners="false" runat="server" />  
<telerik:RadFormDecorator ID="CheckBoxDecorator" runat="server" Skin="Sunset" DecoratedControls="CheckBoxes" EnableRoundedCorners="false" />
<telerik:RadAjaxLoadingPanel ID="DefaultLoadingPanel" runat="server" Skin="Sunset"></telerik:RadAjaxLoadingPanel>
James
Top achievements
Rank 2
 answered on 17 Mar 2011
1 answer
38 views
I am creating a pop up with the ActiveRegions for the PieChart, and when I click on the pie chart it creates a weird border around the chart.  Please help.

this is the map 
<area shape="poly" coords="100,100,174,99,174,141,141,174,100,174,58,175,25,141,24,100,24,58,58,24,99,25,141,24,174,58,174,99" alt="Open: 408" title="Open: 408" border=0 onclick="radopen('/popups/Dashboard.aspx', null);" />
Missing User
 answered on 17 Mar 2011
3 answers
169 views
I have a Telerik grid.  For each row there is a details table. The row is of type NominationTypeClass and the rows in the details table is of type Nomination.  So what this means for each nomination type there is a list of nominations.  The grid's code:

<telerik:RadGrid
   AllowPaging="true"
   AllowSorting="true"
   AutoGenerateColumns="false"
   GridLines="None"
   ID="rgMyNominations"
   OnDetailTableDataBind="rgMyNominations_DetailTableDataBind"
   OnItemDataBound="rgMyNominations_ItemDataBound"
   OnNeedDataSource="rgMyNominations_NeedDataSource"
   OnUpdateCommand="rgMyNominations_UpdateCommand"
   PageSize="5"
   runat="server"
   ShowHeader="false"
   ShowStatusBar="true">
   <MasterTableView DataKeyNames="NominationTypeID" HierarchyDefaultExpanded="true" Width="100%">
      <Columns>
         <telerik:GridTemplateColumn>
            <ItemTemplate>
               <b><asp:Label ID="lblNominationType" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.NominationType") %>' /></b>
            </ItemTemplate>
            <ItemStyle Width="100%" />
         </telerik:GridTemplateColumn>
      </Columns>
      <NoRecordsTemplate>No Nomination Types.</NoRecordsTemplate>
      <DetailTables>
         <telerik:GridTableView PageSize="5" Name="Nominations" GridLines="None" Width="100%" ShowHeader="true" DataKeyNames="NominationID">
            <Columns>
               <telerik:GridTemplateColumn HeaderText="Person / Team">
                  <ItemTemplate>
                     <asp:Label ID="lblName" runat="server" Text='<%# GetName(DataBinder.Eval(Container, "DataItem")) %>' />
                  </ItemTemplate>
                  <ItemStyle VerticalAlign="Top" Width="20%" />
               </telerik:GridTemplateColumn>
               <telerik:GridTemplateColumn HeaderText="Date Nominated">
                  <ItemTemplate>
                     <asp:Label ID="lblNominationDate" runat="server" Text='<%# FormatDate(DataBinder.Eval(Container, "DataItem.NominationDate")) %>' />
                  </ItemTemplate>
                  <ItemStyle VerticalAlign="Top" Width="14%" />
               </telerik:GridTemplateColumn>
               <telerik:GridTemplateColumn HeaderText="Action" UniqueName="Action_Column">
                  <ItemTemplate>
                     <b><asp:HyperLink ID="hlEdit" runat="server" Text="Edit" /></b><br />
                     <b>
                        <asp:LinkButton
                           CausesValidation="false"
                           CommandName="Update"
                           ID="lbWithdrawnStatus"
                           runat="server"
                           Text="Withdraw"
                           OnClientClick="javascript:return ConfirmWithdrawnStatusChange();" />
                     </b>
                  </ItemTemplate>
                  <ItemStyle VerticalAlign="Top" Width="7%" />
               </telerik:GridTemplateColumn>
            </Columns>
            <NoRecordsTemplate>No Nominations.</NoRecordsTemplate>
         </telerik:GridTableView>
      </DetailTables>
   </MasterTableView>
   <ClientSettings AllowExpandCollapse="true"></ClientSettings>
</telerik:RadGrid>

Here is how I populate my rows:

protected void rgMyNominations_NeedDataSource(object source, GridNeedDataSourceEventArgs e)
{
   try
   {
      if (!e.IsFromDetailTable)
      {
         rgMyNominations.DataSource = GetNominationTypes();
      }
   }
   catch (Exception ex)
   {
      // Handle exceptions
   }
}

Here is how I populate my details table:

protected void rgMyNominations_DetailTableDataBind(object source, GridDetailTableDataBindEventArgs e)
{
   try
   {
      GridDataItem gridDataItem = (GridDataItem)e.DetailTableView.ParentItem;
      if (e.DetailTableView.Name == "Nominations")
      {
         int nominationTypeID = int.Parse(gridDataItem.GetDataKeyValue("NominationTypeID").ToString());

         List<Nomination> nominations = new List<Nomination>();

         // For each nomination type, add the nomination
         foreach (Nomination n in myNominationsList)
         {
            if (n.NominationType.NominationTypeID == nominationTypeID)
            {
               nominations.Add(n);
            }
         }

         e.DetailTableView.DataSource = nominations;
      }
   }
   catch (Exception ex)
   {
      // Handle exceptions
   }
}

I have an action column that has a link that says Withdrawn.  When clicked I have a JavaScript confirm box with a Yes or No option.  If yes, then the nomination status is updated to withdrawn.  Then I want the grid to be refreshed to show the updated status.  I used the grid's update command to to show the show the JavaScript's command box.  It updates, but is it the correct way to do it?

protected void rgMyNominations_UpdateCommand(object source, GridCommandEventArgs e)
{
   try
   {
      StatusManager.InsertStatus( /* required parameters */ );

      // Refresh grid
      rgMyNominations.DataSource = GetNominationTypes();
      rgMyNominations.DataBind();
   }
   catch (Exception ex)
   {
      // Handle exceptions
   }
}

The binding of the grid doesn't want to work properly after the status was updated.  The grid row is of type NominationTypeClass and the details table is of type Nomination.  I debugged, and there where it set the datasource for each it is correct, but when the view is rendered for:

<asp:Label ID="lblNominationDate" runat="server" Text='<%# FormatDate(DataBinder.Eval(Container, "DataItem.NominationDate")) %>' />

...it says that NominationDate is not a property of NominationTypeClass.  This is wrong, I don't know why it is taking the type for the row to be the type of the details table?  NominationDate is a property of Nomination.  It seems like it is overriding the datasources.

Are there any online samples of what I am trying to accomplish?  Any advice would be appreciated.

PS: Sorry for not using the code formatter, but it looks horrible, it just shows a whole lot of HTML tags.

Vasil
Telerik team
 answered on 17 Mar 2011
3 answers
240 views
Please how to center RadProgressArea on screen with javascript function. Thank you.
Dimitar Terziev
Telerik team
 answered on 17 Mar 2011
9 answers
222 views
Hi Guys, I just downloaded IE9 Beta 64bit and was browsing around and ended up on  your editor demos page and the rendering is all over the place. Now I know this is a beta which you don't support but I thought I would let you know anyway. What does IE9 do so differently to get the rendering so out of whack!
Rumen
Telerik team
 answered on 17 Mar 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?