Office 2007 Ribbon UI

Thread is closed for posting
199 posts, 0 answers
  1. E2FD9A83-B4F0-4751-9B91-D06F5BF147EA
    E2FD9A83-B4F0-4751-9B91-D06F5BF147EA avatar
    221 posts
    Member since:
    Jan 2007

    Posted 15 Jul 2008 Link to this post

    Hi, I found the same issue in the Test client as Prakash  - the ribbon bar collapses into a menu nicely, but it won't actually pop up - at least in IE6.

    ..otherwise, awesum!  it even works with the new futures .708 build :)

    cheers
    ewart


  3. E2FD9A83-B4F0-4751-9B91-D06F5BF147EA
    E2FD9A83-B4F0-4751-9B91-D06F5BF147EA avatar
    221 posts
    Member since:
    Jan 2007

    Posted 15 Jul 2008 Link to this post

    Ah, and one other thing that was broken in the upgrade - (best replicated in the client mockup)

    When the ribbon bar is minimized ("minimize the ribbon" on the quick access toolbar), and you click a tab, the ribbon bar is supposed to appear (floating above the page), and it used to, but it no longer does.

    When you click the menu it is supposed to call setAppearance() to set the style to float (line 597) in RibbonBar.js,
     if (this.getRibbonOpen())
        {     
         multiPageView.className = "ribbonBarFloat";


    But as far as I can tell, and I'm no JS expert, this method isn't called on the tab click, hence it doesn't appear.

    regards
      ewart

  5. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 16 Jul 2008 Link to this post

    Hi Ewart,

    Thank you for bring this to our attention.

    To solve the issue with the disappearing ribbonbar, you need to edit the attachTabStripEventHandler javascript method in the following way:
    ApplicationBar.prototype.attachTabStripEventHandler = function()  
    {  
        this.tabStrip = getObjectByID(this.getRibbonTabStripID());  
     
        if (this.tabStrip != null)  
        {  
            var applicationBar = this;  
            this.tabStrip.add_tabSelected(function () { applicationBar.tabSelected() });  
        }  
    } 

    See the attached project for further reference.

    Best regards,
    Rosi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  7. 9749FC8A-95B5-4568-A0AB-CAF420008925
    9749FC8A-95B5-4568-A0AB-CAF420008925 avatar
    5 posts
    Member since:
    Jun 2008

    Posted 16 Jul 2008 Link to this post

    First of all, thanks to Russell and all other contributors for such an excellent project.

    I am trying to start the Ribbon minimized, but when I set the MinimizeRibbon property in the <orb:ApplicationBar> to true, I get an error in the ControlFinder class as soon as the application starts. More specifically, it occurs in line 58:

    if (control.ID == id)

    where control is null

    Does anybody know a workaround to this issue?

    Thanks in advance

    Ricardo Villalobos
    Accellos, Inc.
  9. F86A7CD7-7544-44A1-85BD-06E78DA427C4
    F86A7CD7-7544-44A1-85BD-06E78DA427C4 avatar
    3 posts
    Member since:
    Mar 2008

    Posted 17 Jul 2008 Link to this post

    Hi, I have a question about the RadWindow behaviour when dragging the window. In the example (http://www.killerbitesoftware.com/Office2007/Examples/Client/ClientMockup.aspx) it shows a gray rectangle that is dragged around, but when using the 087839_RibbonBarApplication-ASP.NET_AJAX.zip version, it drags the window itself. This results in clearing all iframes on the page while dragging, including the window contents.

    The styling looks very different as well: Screenshot
    The tabs don't look like the example, the section text is bold and the small button in the 'System' section is way over to the right

    (Also, I noticed the minimized ribbon not expanding, but this was resolved in the post before mine. However, the expand behavior is different; it pushes the content down instead of overlapping it.)

    Sander
    businessbase.com
  11. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 18 Jul 2008 Link to this post

    Hi,

    The two applications have different style since they use different versions of the controls. The demo which is online as part of our QSF uses RadControls for ASP.NET and this which is in RibbonBarApplication-ASP.NET_AJAX.zip contains RadControls for ASP.NET AJAX.

    As for the different behavior of RadWindow:
    Could you please provide us with detailed steps to reproduce the issue and/or a screenshot (as well as specify exact example contains the problem)?

    Regards,
    Rosi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  13. F86A7CD7-7544-44A1-85BD-06E78DA427C4
    F86A7CD7-7544-44A1-85BD-06E78DA427C4 avatar
    3 posts
    Member since:
    Mar 2008

    Posted 21 Jul 2008 Link to this post

    So, are you telling us that the ajax version has different styling than the normal version? When do you expect an update fot he ajax version?

    Regards,
    Sander
  15. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 21 Jul 2008 Link to this post

    Hello ,

    The RibbonBar application for ASP.NET AJAX uses the same Skins as the ribbonBar version for ASP.NET. But more of RadControls for ASP.NET AJAX has different rendering as RadControls "Classic". That is why the new skins look different. Some of the skins are redesigned too. If you want to change the styling of some of the controls you can read Customizing Appearance help topic of documentation of every control .For example for RadMenu it can be found here.

    All the best,
    Rosi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  17. 48519FBB-7FFA-41E1-8A05-A6A0AAA7BD6A
    48519FBB-7FFA-41E1-8A05-A6A0AAA7BD6A avatar
    13 posts
    Member since:
    Sep 2007

    Posted 21 Jul 2008 Link to this post

    Hi.

    I also use this ribbon in my project. I can see that may other people use it too. Maybe was time to give us a Ribbon control for asp.net don't you think? This control was the main reason I choose telerik in the first place. It would  be great if telerik integrate it in the RadControls.

    Thanks.

  19. F86A7CD7-7544-44A1-85BD-06E78DA427C4
    F86A7CD7-7544-44A1-85BD-06E78DA427C4 avatar
    3 posts
    Member since:
    Mar 2008

    Posted 22 Jul 2008 Link to this post

    Hi Rosi,

    hereby a sample of the strang effect when dragging the RadWindow (See movie). 

    In the example (http://www.killerbitesoftware.com/Office2007/Examples/Client/ClientMockup.aspx) it shows a gray rectangle that is dragged around, but when using the 087839_RibbonBarApplication-ASP.NET_AJAX.zip version, it drags the window itself. This results in clearing all iframes on the page while dragging, including the window contents.

    I expect the same behaviour as in the online example.

    Sander
  21. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 22 Jul 2008 Link to this post

    Hi,

    This behavior (iframe disappears when the window is dragged) is intentional. When RadWindow is being moved, we explicitly hide all IFRAMEs on the page (including the RadWindow one) to avoid problems with the resizing / moving. If we don't do that, if the cursor moves over an IFRAME, the IFRAME will consume the cursor's events which will lead to problems.

    Also dragging the window instead of the visual clue is behavior implemented by design in a result of client requests. We have logged in our To-Do list to implement it as optional instead of default.

    In addition, note that the online example uses the source code from ApplicationFramework.zip. The demo from RibbonBarApplication-ASP.NET_AJAX.zip will be online soon.

    Best regards,
    Rosi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  23. 4E07FD5E-C956-46A1-93A2-2516B9DEC4E7
    4E07FD5E-C956-46A1-93A2-2516B9DEC4E7 avatar
    6 posts
    Member since:
    Sep 2007

    Posted 01 Aug 2008 Link to this post

    Hi,

    I have downloaded latest of RussellMason.Web.Application.
    I wrapped one of the webpages(ServerSmallRibbonButton.aspx) in RadAjaxPanel. 

    <

    body onload="preloadRibbonImages('../../Office2007Client/Images/');">
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadAjaxPanel ID="ajaxifyingPanel" runat="server" Height="100%"  
        Width    ="100%" EnableAJAX="true">
            <div style="min-width: 600px;">
                ....
                ....
            </div>
        </telerik:RadAjaxPanel>
    </form>
    </    body>

    The issue I am facing is that small ribbon buttons in the ribbon bar loose their hover style inside the RadAjaxPanel. On clicking on the first time the behaviour is as expected and we can see the hover style. But subsequent clicks result in loosing the hover style though the postback action happens as expected.

    I will be thankful if someone can help in resolving this issue.

    Thanks and regards,
    Prakash J.

  25. 4E07FD5E-C956-46A1-93A2-2516B9DEC4E7
    4E07FD5E-C956-46A1-93A2-2516B9DEC4E7 avatar
    6 posts
    Member since:
    Sep 2007

    Posted 01 Aug 2008 Link to this post

    Hi,

    I wrapped one of the webpages(ServerSmallRibbonButton.aspx) in RadAjaxPanel and added a required field validator to the Text Box.

    <body onload="preloadRibbonImages('../../Office2007Client/Images/');">
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadAjaxPanel ID="ajaxifyingPanel" runat="server" Height="100%"  
        Width    ="100%" EnableAJAX="true">
            <div style="min-width: 600px;">
                ....
                <div class="pageTitle">Server-side examples</div>
                <div class="plainText" style="margin-top: 16px;">
                This text box will show the results of clicking any Ribbon button that has a server-            side event handler.</div>
                <div style="margin-top: 8px;">
                <asp:TextBox runat="server" ID="EventText" Rows="4" TextMode="MultiLine" 
                    Width    ="500px"></asp:TextBox>
                <asp:RequiredFieldValidator runat="server" ControlToValidate="EventText" 
                ErrorMessage    ="*"></asp:RequiredFieldValidator>
             </div>
                 ....
            </div>
        </telerik:RadAjaxPanel>
    </form>
    </    body >

    The issue I am facing is that validation is not getting fired after partial page rendering. On clicking for first time the validator gets fired for empty text box. But on subsequent clicks the validator is not fired.

    It would be of great help if someone can guide in solving the issue.

    Thanks and regards,
    Prakash J.
  27. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 04 Aug 2008 Link to this post

    Hi Prakash ,

    The issue with  the RequiredFieldValidator is due to a bug in RadAjax which is fixed in our latest official release.

    Please find the attached project which works as expected now. You can download it and try it.

    Kind regards,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  29. AC8B005E-FF36-4CF8-8390-3515E4B9491F
    AC8B005E-FF36-4CF8-8390-3515E4B9491F avatar
    8 posts
    Member since:
    Oct 2007

    Posted 06 Aug 2008 Link to this post

    Telerik,

    Are you working on upgrading the Ribbon to the 2008 Q2 release of RadControls for ASP.NET AJAX? In case, do you have an estimate of when it is expected?

    Regards,
    Sjur
  31. C7498A83-7E2E-418C-8791-93EF573A7569
    C7498A83-7E2E-418C-8791-93EF573A7569 avatar
    9934 posts
    Member since:
    Nov 2016

    Posted 06 Aug 2008 Link to this post

    Hi Sjur,

    The last project attached in this code library thread by my colleague Rosi should use the ASP.NET AJAX versions of RadControls. Please use it for further reference.
     
    Regards,
    Stephen
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  33. AC8B005E-FF36-4CF8-8390-3515E4B9491F
    AC8B005E-FF36-4CF8-8390-3515E4B9491F avatar
    8 posts
    Member since:
    Oct 2007

    Posted 06 Aug 2008 Link to this post

    Stephen,

    Thanks for your quick reply. The attached file RibbonBarApplication-ASP.NET_AJAX.zip still uses version 2008.1.515.20 (Q1). When will  you update to Q2?

    Regards,
    Sjur
  35. 300D5976-BFAC-4403-937D-074AFC183EE2
    300D5976-BFAC-4403-937D-074AFC183EE2 avatar
    4281 posts
    Member since:
    Sep 2012

    Posted 06 Aug 2008 Link to this post

    Hello Sjur,

    You can easily update the assemblies. For details on how to this please refer to our KB article (ID#503) Updating RadControls for ASP.NET to another version or license.

    Sincerely yours,
    Paul
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  37. 2C4612C5-494B-45A9-9F91-9DAFAC347DED
    2C4612C5-494B-45A9-9F91-9DAFAC347DED avatar
    12 posts
    Member since:
    Jul 2007

    Posted 20 Aug 2008 Link to this post

    Hi,

    The SmallRibbonButton.prototype.showDropDownMenu function in theRibbonBar.js file is calling the RadMenu's IsChildOf javscript function which does not exist in RadControls for ASP.Net AJAX.  Does anyone now of another function to replace the IsChildOf function?  If not then can I safely remove the call to the IsChildOf function fromt the if statement?

    Thank you,

    Vincent

     

    SmallRibbonButton.prototype.showDropDownMenu = function(evt)   
    {         
        menu = getObjectByID(this.getDropDownMenuID());  
     
        if ((!evt.relatedTarget) || (!menu.IsChildOf(menu.get_element(), evt.relatedTarget)))  
        {  
            menu.show(evt);  
        }  
          
        cancelEventBubble(evt);  
    } 

     

  39. 303EE605-E252-4F9C-8AA4-2257949FF2EF
    303EE605-E252-4F9C-8AA4-2257949FF2EF avatar
    9 posts
    Member since:
    Jul 2008

    Posted 20 Sep 2008 Link to this post

    In version 3 of the project, why doesn't the ribbon group hover not work?

    Thanks
  41. F540EC84-EEA8-4DDD-95B0-A39914725DC8
    F540EC84-EEA8-4DDD-95B0-A39914725DC8 avatar
    5 posts
    Member since:
    Feb 2008

    Posted 24 Sep 2008 Link to this post

    Hello Russell,

    I currently work on a project using your 'RussellMason.Web.Application', which helps me a lot but I encountered one problem:

    1. if I set minimize Ribbon bar as 'false', everything works fine.
    2. but I need minimize Ribbon bar, after I do this by add the following code to 'Page_load' of my master page, the RadTabStrip cannot work properly.
           [[    this.MainApplicationBar.MinimizeRibbon = true;]]

    please click the following link to get the attachedment files for the screenshots and the sample project to illustrates this problem, I'm very sorry I don't know how to attache the files here.
    http://www.telerik.com/client.net/my-support-tickets/view-ticket/b307G-bgdett.aspx

    Please help, thanks in advance!

    Jane

  43. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 25 Sep 2008 Link to this post

    Hi Jane Dong,

    We have run your files and they work as expected at our side.
    Please see the attached movie for a reference.

    Perhaps you use an old verison of Telerik.Web.UI. I suggest you upgrade it to the latest official -2008.2.826.

    Regards,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  45. F540EC84-EEA8-4DDD-95B0-A39914725DC8
    F540EC84-EEA8-4DDD-95B0-A39914725DC8 avatar
    5 posts
    Member since:
    Feb 2008

    Posted 25 Sep 2008 Link to this post

    Hi Rosi,

    thank you for your reply.

    To make sure I'm using the latest version, I installed the latest version again and also  RibbonBarApplication-ASP.NET_AJAX.zip, but the problem remains the same.

    I'm using Visual Studio 2008, .net framework 3.5, so for RibbonBarApplication, I changed the framework to 3.5, and add the refrence 'System.web.Extensions' again.

    Are you using the same as me?

    Any other advice? thanks!

    Jane
  47. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 26 Sep 2008 Link to this post

    Hi Jane,

    Yes, we use the same version.

    Please find attached the project including your files.They are placed under test folder.

    Best,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  49. F540EC84-EEA8-4DDD-95B0-A39914725DC8
    F540EC84-EEA8-4DDD-95B0-A39914725DC8 avatar
    5 posts
    Member since:
    Feb 2008

    Posted 26 Sep 2008 Link to this post

    Hi Rosi,

    I downloaded the attached project, but find that:

    you are using     Visual Studio 2005 and .net framework 2.0, and the reference for 'System.Web.Extensions' is version '1.0.61025.0'.

    but I'm using Visual Studio 2008 and .net framework 3.5, and refernce for 'System.Web.Extensions' is version "3.5.0.0".

    Is this the reason why the project cannot work properly on my side?

    Thanks!

    Jane

     
  51. C7498A83-7E2E-418C-8791-93EF573A7569
    C7498A83-7E2E-418C-8791-93EF573A7569 avatar
    9934 posts
    Member since:
    Nov 2016

    Posted 26 Sep 2008 Link to this post

    Hello Jane,

    You can convert the project to use the ASP.NET 3.5 framework (and System.Web.Extensions 3.5.0.0 respectively) using the VS2008 project converter. You can also add BindingRedirects to the web.config file manually as explained in this help topic.

    Regards,
    Stephen
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  53. F540EC84-EEA8-4DDD-95B0-A39914725DC8
    F540EC84-EEA8-4DDD-95B0-A39914725DC8 avatar
    5 posts
    Member since:
    Feb 2008

    Posted 26 Sep 2008 Link to this post

    Hi Rosi,

    Finally I found the reason after I compared your files and mine, I found that I copied the wrong script files.

    For  folder "Office2007Client", I copied from folder "RussellMason.Web.Application\Web\UI\Office2007\Office2007Client" other than the 'TestClient\Office2007Client' folder, I assumed they are the same :(

    Now everything is OK, thank you very much!
  55. 13B0E98C-951F-46F9-8B50-9665B0E15EFD
    13B0E98C-951F-46F9-8B50-9665B0E15EFD avatar
    6 posts
    Member since:
    Oct 2008

    Posted 30 Oct 2008 Link to this post

    Hello!

    I hope this is the right thread to be posting on.  We are currently using the Office 2007 Ribbon UI in a development project.  (Works great out of the box, and looks wonderful)

    The problem that I'm having is that if you use 2 ASP.NET controls in 2 different Ribbon Groups, and allow them to PostBack.  The second button that is clicked on actually runs the Event Handler from the first Postback in addition to its own.

    If you use the Server-side AJAX example in the Test Client, and add a radio button (autopostback=true) to one ribbon group, and then a regular button to a second ribbon group, you'll see what I mean.  (you can copy/paste this over top of RibbonGroup6 & RibbonGroup3)

                        <orb:RibbonGroup ID="RibbonGroup6" runat="server" Text="Small Ribbon Buttons" Width="210px" GenerateClientMember="True" ClientMemberName="_ribbonGroup6" >
                            <PlaceHolder>
                                <orb:ThreeRowLayout ID="A" runat="server">
                                    <TopPlaceHolder><orb:SmallRibbonButton ID="ClickSmallRibbonButton" runat="server" DisabledImageUrl="~/Images/16x16/DocumentDisabled.gif" EnabledImageUrl="~/Images/16x16/Document.gif" Text="Click" Width="80px" ToolTip="Click this button to demonstate the Click event handler used with AJAX" AutoPostBack="True" OnClick="ClickSmallRibbonButton_Click" ClientMemberName="_clickSmallRibbonButton" />
                                        <asp:radiobutton id="testRadioButton" runat="server" text="Hello" autopostback="true" oncheckedchanged="ClickSmallRibbonButton_Click" />
                                    </TopPlaceHolder>                            
                                </orb:ThreeRowLayout>
                                <orb:RibbonSeparator id="RibbonSeparator3" runat="server"></orb:RibbonSeparator>
                                <orb:ThreeRowLayout ID="ThreeRowLayout3" runat="server">
                                    <TopPlaceHolder><orb:SmallRibbonButton ID="EnabledSmallRibbonButton" runat="server" DisabledImageUrl="~/Images/16x16/DocumentDisabled.gif" EnabledImageUrl="~/Images/16x16/Document.gif" Text="Enabled" Width="80px" ClientMemberName="_enabledSmallRibbonButton" ToolTip="This button will reflect the Enabled state" /></TopPlaceHolder>
                                    <CenterPlaceHolder><orb:SmallRibbonButton ID="CheckedSmallRibbonButton" runat="server" DisabledImageUrl="~/Images/16x16/DocumentDisabled.gif" EnabledImageUrl="~/Images/16x16/Document.gif" Text="Checked" Width="80px" ClientMemberName="_checkedSmallRibbonButton" ToolTip="This button will reflect the Checked state" /></CenterPlaceHolder>
                                </orb:ThreeRowLayout>
                            </PlaceHolder>
                        </orb:RibbonGroup>
                        <orb:RibbonGroup ID="RibbonGroup3" runat="server" Text="Large Ribbon Buttons" Width="224px" ClientMemberName="_ribbonGroup3">
                            <PlaceHolder>
                                <asp:button id="testButton" runat="server" text="Test Button" onclick="ClickLargeRibbonButton_Click" />
                                <orb:LargeRibbonButton ID="ClickLargeRibbonButton" runat="server" Width="65px" EnabledImageUrl="~/Images/32x32/Document.gif" Text="Click" ToolTip="Click this button to demonstate the Click event handler used with AJAX" DisabledImageUrl="~/Images/32x32/DocumentDisabled.gif" AutoPostBack="True" OnClick="ClickLargeRibbonButton_Click" ClientMemberName="_clicklargeRibbonButton" />
                                <orb:RibbonSeparator ID="RibbonSeparator1" runat="server" />
                                <orb:LargeRibbonButton ID="EnabledLargeRibbonButton" runat="server" Width="60px" EnabledImageUrl="~/Images/32x32/Document.gif" Text="Enabled" DisabledImageUrl="~/Images/32x32/DocumentDisabled.gif" ClientMemberName="_enabledLargeRibbonButton" ToolTip="This button will reflect the Enabled state" />
                                <orb:LargeRibbonButton ID="CheckedLargeRibbonButton" runat="server" Width="60px" EnabledImageUrl="~/Images/32x32/Document.gif" Text="Checked" DisabledImageUrl="~/Images/32x32/DocumentDisabled.gif" ClientMemberName="_checkedLargeRibbonButton" ToolTip="This button will reflect the Checked state" />
                            </PlaceHolder>
                        </orb:RibbonGroup>

    The results for clicking the radio button first, and then the regular button are:
    Small Ribbon Button Clicked
    Small Ribbon Button Clicked
    Large Ribbon Button Clicked

    As you can see, when I click the regular button, the radio button EventHandler fires as well. (for a second time)

    Are these controls (the Ribbon Groups) meant to house regular ASP.NET controls?

    Thanks in advance for any help!

    Jason


  57. E109225C-D1F9-4B7A-8B60-2F442984B3F3
    E109225C-D1F9-4B7A-8B60-2F442984B3F3 avatar
    2529 posts
    Member since:
    Jul 2017

    Posted 31 Oct 2008 Link to this post

    Hello Jason,

    I am not sure what cause the problem. Also it seems that it is reproduced only with the RadioButton control. After the first time the radiobutton is clicked, it does not postback anymore. That is why when the button is clicked two events are fired. If you replace the RadioButton  with a CheckBox control everything works as expected:

    <asp:CheckBox ID="check1" AutoPostBack=true runat=server OnCheckedChanged="ClickSmallRibbonButton_Click2" /> 
                        

    Hope this helps.

    Greetings,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  59. 13B0E98C-951F-46F9-8B50-9665B0E15EFD
    13B0E98C-951F-46F9-8B50-9665B0E15EFD avatar
    6 posts
    Member since:
    Oct 2008

    Posted 31 Oct 2008 Link to this post

    Hi,

    Thanks for the quick response.  Unfortunately, the checkbox doesn't appear to solve the problem...

    I have added a checkbox to the code I posted earlier, and it does the same thing as the Radio Button:
                        <orb:RibbonGroup ID="RibbonGroup6" runat="server" Text="Small Ribbon Buttons" Width="210px" GenerateClientMember="True" ClientMemberName="_ribbonGroup6" > 
                            <PlaceHolder> 
                                <orb:ThreeRowLayout ID="A" runat="server"> 
                                    <TopPlaceHolder><orb:SmallRibbonButton ID="ClickSmallRibbonButton" runat="server" DisabledImageUrl="~/Images/16x16/DocumentDisabled.gif" EnabledImageUrl="~/Images/16x16/Document.gif" Text="Click" Width="80px" ToolTip="Click this button to demonstate the Click event handler used with AJAX" AutoPostBack="True" OnClick="ClickSmallRibbonButton_Click" ClientMemberName="_clickSmallRibbonButton" /> 
                                        <asp:radiobutton id="testRadioButton" runat="server" text="Hello" autopostback="true" oncheckedchanged="ClickSmallRibbonButton_Click" /> 
                                        <asp:checkbox id="testCheckBox" runat="server" text="Hello" autopostback="true" oncheckedchanged="ClickSmallRibbonButton_Click" /> 
                                    </TopPlaceHolder>                            
                                </orb:ThreeRowLayout> 
                                <orb:RibbonSeparator id="RibbonSeparator3" runat="server"></orb:RibbonSeparator> 
                                <orb:ThreeRowLayout ID="ThreeRowLayout3" runat="server"> 
                                    <TopPlaceHolder><orb:SmallRibbonButton ID="EnabledSmallRibbonButton" runat="server" DisabledImageUrl="~/Images/16x16/DocumentDisabled.gif" EnabledImageUrl="~/Images/16x16/Document.gif" Text="Enabled" Width="80px" ClientMemberName="_enabledSmallRibbonButton" ToolTip="This button will reflect the Enabled state" /></TopPlaceHolder> 
                                    <CenterPlaceHolder><orb:SmallRibbonButton ID="CheckedSmallRibbonButton" runat="server" DisabledImageUrl="~/Images/16x16/DocumentDisabled.gif" EnabledImageUrl="~/Images/16x16/Document.gif" Text="Checked" Width="80px" ClientMemberName="_checkedSmallRibbonButton" ToolTip="This button will reflect the Checked state" /></CenterPlaceHolder> 
                                </orb:ThreeRowLayout> 
                            </PlaceHolder> 
                        </orb:RibbonGroup> 
                        <orb:RibbonGroup ID="RibbonGroup3" runat="server" Text="Large Ribbon Buttons" Width="224px" ClientMemberName="_ribbonGroup3"> 
                            <PlaceHolder> 
                                <asp:button id="testButton" runat="server" text="Test Button" onclick="ClickLargeRibbonButton_Click" /> 
                                <orb:LargeRibbonButton ID="ClickLargeRibbonButton" runat="server" Width="65px" EnabledImageUrl="~/Images/32x32/Document.gif" Text="Click" ToolTip="Click this button to demonstate the Click event handler used with AJAX" DisabledImageUrl="~/Images/32x32/DocumentDisabled.gif" AutoPostBack="True" OnClick="ClickLargeRibbonButton_Click" ClientMemberName="_clicklargeRibbonButton" /> 
                                <orb:RibbonSeparator ID="RibbonSeparator1" runat="server" /> 
                                <orb:LargeRibbonButton ID="EnabledLargeRibbonButton" runat="server" Width="60px" EnabledImageUrl="~/Images/32x32/Document.gif" Text="Enabled" DisabledImageUrl="~/Images/32x32/DocumentDisabled.gif" ClientMemberName="_enabledLargeRibbonButton" ToolTip="This button will reflect the Enabled state" /> 
                                <orb:LargeRibbonButton ID="CheckedLargeRibbonButton" runat="server" Width="60px" EnabledImageUrl="~/Images/32x32/Document.gif" Text="Checked" DisabledImageUrl="~/Images/32x32/DocumentDisabled.gif" ClientMemberName="_checkedLargeRibbonButton" ToolTip="This button will reflect the Checked state" /> 
                            </PlaceHolder> 
                        </orb:RibbonGroup> 
     

    Clicking the checkbox first, then the "test button" results in:
    Small Ribbon Button Clicked
    Small Ribbon Button Clicked
    Large Ribbon Button Clicked

    Let me know if you need more info!

    Jason



Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.