Office 2007 Ribbon UI

199 posts, 0 answers
  1. Rosi
    Admin
    Rosi avatar
    2527 posts

    Posted 03 Nov 2008 Link to this post

    Hi Jason,

    I suggest you edit the CreateChildControls method in the RibbonBar.cs file by the following way:

    protected override void CreateChildControls()  
            {  
                ClearControls();  
     
                this.Attributes.Add("class""ribbonGroupWrapper ribbonPart");  
     
                // Collapsed  
     
                if (!this.DesignMode)  
                {  
                    HtmlGenericControl collapsedDiv = new HtmlGenericControl("div");  
                    collapsedDiv.ID = "C";  
                    collapsedDiv.Attributes.Add("class""ribbonGroupContainerCollapsed ribbonPart");  
                    collapsedDiv.Attributes.Add("title"this.ToolTip);  
     
                    this.Controls.Add(collapsedDiv);  
     
                    HtmlGenericControl collapsedStartDiv = new HtmlGenericControl("div");  
                    collapsedStartDiv.EnableViewState = true;  
                    collapsedStartDiv.ID = "CStart";  
                    collapsedStartDiv.Attributes.Add("class""ribbonGroupCollapsedStart ribbonPart");  
     
                    collapsedDiv.Controls.Add(collapsedStartDiv);  
     
                    HtmlGenericControl collapsedItemDiv = new HtmlGenericControl("div");  
                    collapsedItemDiv.EnableViewState = true;  
                    collapsedItemDiv.ID = "CItem";  
                    collapsedItemDiv.Attributes.Add("class""ribbonGroupCollapsedItem ribbonPart");  
     
                    collapsedDiv.Controls.Add(collapsedItemDiv);  
     
                    HtmlGenericControl collapsedImageDiv = new HtmlGenericControl("div");  
                    collapsedImageDiv.EnableViewState = true;  
                    collapsedImageDiv.ID = "CImageContainer";  
                    collapsedImageDiv.Attributes.Add("class""ribbonGroupCollapsedImageContainer ribbonPart");  
     
                    collapsedItemDiv.Controls.Add(collapsedImageDiv);  
     
                    HtmlImage collapsedImage = new HtmlImage();  
                    collapsedImage.EnableViewState = true;  
                    collapsedImage.ID = "CImage";  
                    collapsedImage.Attributes.Add("class""ribbonGroupCollapsedImage ribbonPart");  
     
                    collapsedImageDiv.Controls.Add(collapsedImage);  
     
                    HtmlGenericControl collapsedTextDiv = new HtmlGenericControl("div");  
                    collapsedTextDiv.EnableViewState = true;  
                    collapsedTextDiv.ID = "CText";  
                    collapsedTextDiv.Attributes.Add("class""ribbonGroupCollapsedText ribbonPart");  
     
                    collapsedItemDiv.Controls.Add(collapsedTextDiv);  
     
                    HtmlGenericControl collapsedDropDownDiv = new HtmlGenericControl("div");  
                    collapsedDropDownDiv.EnableViewState = true;  
                    collapsedDropDownDiv.ID = "CDropDownMenuImage";  
     
                    collapsedItemDiv.Controls.Add(collapsedDropDownDiv);  
     
                    HtmlGenericControl collapsedEndDiv = new HtmlGenericControl("div");  
                    collapsedEndDiv.EnableViewState = false;  
                    collapsedEndDiv.ID = "CEnd";  
                    collapsedEndDiv.Attributes.Add("class""ribbonGroupCollapsedEnd ribbonPart");  
     
                    collapsedDiv.Controls.Add(collapsedEndDiv);  
                }  
     
                // Expanded   
     
                HtmlGenericControl expandedDiv = new HtmlGenericControl("div");  
                expandedDiv.ID = "E";  
                expandedDiv.Attributes.Add("class""ribbonGroupContainer ribbonPart");  
                expandedDiv.Attributes.Add("title"this.ToolTip);  
     
                this.Controls.Add(expandedDiv);  
     
                Table mainTable = new Table();  
                mainTable.CellPadding = 0;  
                mainTable.CellSpacing = 0;  
     
                expandedDiv.Controls.Add(mainTable);  
     
                TableRow mainRow = new TableRow();  
                mainTable.Rows.Add(mainRow);  
                  
                TableCell startCell = new TableCell();  
                mainRow.Cells.Add(startCell);  
     
                HtmlGenericControl startDiv = new HtmlGenericControl("div");  
                startDiv.EnableViewState = true;  
                startDiv.ID = "EStart";  
                startDiv.Attributes.Add("class""ribbonGroupStart ribbonPart");  
     
                startCell.Controls.Add(startDiv);  
     
                TableCell middleCell = new TableCell();  
                middleCell.Attributes.Add("nowrap""nowrap");  
                mainRow.Cells.Add(middleCell);  
     
                HtmlGenericControl middleDiv = new HtmlGenericControl("div");  
                middleDiv.EnableViewState = true;  
                middleDiv.ID = "EItem";  
                middleDiv.Attributes.Add("class""ribbonGroupItem ribbonPart");  
     
                middleCell.Controls.Add(middleDiv);  
     
                Table placeHolderTable = new Table();  
                placeHolderTable.CellPadding = 0;  
                placeHolderTable.CellSpacing = 0;  
     
                TableRow placeHolderRow = new TableRow();  
                placeHolderTable.Rows.Add(placeHolderRow);  
     
                TableCell placeHolderCell = new TableCell();  
                placeHolderCell.ID = "EPlaceHolder";  
                placeHolderCell.Attributes.Add("nowrap""nowrap");  
                placeHolderCell.CssClass = "ribbonGroupPlaceHolder ribbonPart";  
     
                placeHolderRow.Cells.Add(placeHolderCell);  
     
                if (this.PlaceHolder != null)  
                {  
                    Control control = new Control();  
                    this.PlaceHolder.InstantiateIn(control);  
                    placeHolderCell.Controls.Add(control);  
                }  
     
                TableRow textRow = new TableRow();  
                placeHolderTable.Rows.Add(textRow);  
     
                TableCell textCell = new TableCell();  
                textRow.Cells.Add(textCell);  
     
                HtmlGenericControl containerDiv = new HtmlGenericControl("div");  
                containerDiv.Attributes.Add("class""ribbonGroupTextContainer");  
                textCell.Controls.Add(containerDiv);  
     
                HtmlGenericControl dialogLauncherDiv = new HtmlGenericControl("div");  
                dialogLauncherDiv.ID = "EDialogLauncher";  
                dialogLauncherDiv.Attributes.Add("class""ribbonGroupDialogLauncher");  
     
                containerDiv.Controls.Add(dialogLauncherDiv);  
     
                HtmlGenericControl textDiv = new HtmlGenericControl("div");  
                textDiv.ID = "EText";  
                textDiv.Attributes.Add("class""ribbonGroupText ribbonPart");  
     
                containerDiv.Controls.Add(textDiv);  
     
                middleDiv.Controls.Add(placeHolderTable);  
     
                TableCell endCell = new TableCell();  
                mainRow.Controls.Add(endCell);  
     
                HtmlGenericControl endDiv = new HtmlGenericControl("div");  
                endDiv.EnableViewState = true;  
                endDiv.ID = "EEnd";  
                endDiv.Attributes.Add("class""ribbonGroupEnd ribbonPart");  
     
                endCell.Controls.Add(endDiv);  
            } 

    Greetings,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  2. Marco
    Marco avatar
    1 posts
    Member since:
    Nov 2008

    Posted 05 Nov 2008 Link to this post

    Hello,
    anyone can explain me why I can create Telerik controls OnPreRender event but not Ribbon Controls. Is it a limitation or by design?
    This is because I need to create some ribbon buttons programmatically reading them from a external provider that expose data only from OnPreRender event.
    How is it possible to address this problem?

    Regards,
    Marco
  3. Rosi
    Admin
    Rosi avatar
    2527 posts

    Posted 05 Nov 2008 Link to this post

    Hi Marco,

    Please see the attached page which works as expected at our side. You can test it by adding it to the project from the code library.

    Best regards,
    Rosi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  4. Jason
    Jason avatar
    6 posts
    Member since:
    Oct 2008

    Posted 07 Nov 2008 Link to this post

    Rosi,

    Thanks for all of your help, your code changes (setting enableviewstate to true) worked perfect!

    I couldn't find the file called RibbonBar.cs...So I made those edits to a file called RibbonGroup.cs...I'm just posting this for future reference. 

    Thanks again!

    Jason
  5. Shekhar Sharma
    Shekhar Sharma avatar
    1 posts
    Member since:
    Nov 2006

    Posted 09 Nov 2008 Link to this post

    Hi Russell

    Using Office Ribbon in the masterpage, can you please explain how to place usercontrols in the content area when a button is clicked from the ribbon menu.The state of tab should not change and the clicked button should remain highlighted.

    Regards
    Shekhar
  6. Bil@l
    Bil@l avatar
    40 posts
    Member since:
    Oct 2005

    Posted 16 Jan 2009 Link to this post

    Hello,
    Is there one single application to be downloaded that has all changes listed in this thread?

    Thanks
  7. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 19 Jan 2009 Link to this post

    Hello Bilal Haidar,

    This thread contains many posts and different user requests. You may download the code library and contact us later if you encounter problems.

    Kind regards,
    Helen
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  8. Bil@l
    Bil@l avatar
    40 posts
    Member since:
    Oct 2005

    Posted 19 Jan 2009 Link to this post

    Thanks for the reply.

    Does this mean, if I download the code in the link at the top of this thread, contains all the fixes and updates?

    Thanks
  9. Bertrand Dessaintes
    Bertrand Dessaintes avatar
    13 posts
    Member since:
    Apr 2008

    Posted 23 Jan 2009 Link to this post

    Hello,

    I would like recompile Ribbon with new version of Telerik Control 2008.3 1314 but i have dependance probleme.

    I replace in directory /bin and replace reference ... but  i have probleme

    Could not load file or assembly 'Telerik.Web.UI, Version=2008.1.619.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4'  ....

    I have reference in httphandler and copy EditorDialogs and App_GlobalResources ... but i don't understand.

    Could you help me ?

    Thn kou
  10. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 23 Jan 2009 Link to this post

    Hi Bertrand,

    The reasons for this error and the solution are discussed in the following help article:

    http://www.telerik.com/help/aspnet-ajax/troubleshooting.html

    Best regards,
    Sebastian
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  11. Aaron Ellery
    Aaron Ellery avatar
    9 posts
    Member since:
    May 2008

    Posted 09 Feb 2009 Link to this post

    Hi Telerik,

    This question has probably been already asked but I will ask it again anyway. Is there any plans to include a similar/same ribbon control in your official ASP.Net AJAX control suite?

    I would love to use this control in production code, however the fact that it is not officially supported or part of the standard suite stops me from moving forward.

    Thanks.

    Aaron.
  12. Ivo
    Admin
    Ivo avatar
    689 posts

    Posted 09 Feb 2009 Link to this post

    Hi Aaron Ellery,

    A full-blown RadRibbonBar control is in our ToDo list for next releases but we can not commit to a time-frame yet. We are now working on a few other items with higher priority.

    For now you can either use the sample in this thread or the "official" (and simpler) online demo we have:
    http://demos.telerik.com/aspnet-ajax/toolbar/examples/applicationscenarios/ribbonbar/defaultcs.aspx?product=toolbar

    Kind regards,
    Ivo
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  13. Aaron Ellery
    Aaron Ellery avatar
    9 posts
    Member since:
    May 2008

    Posted 17 Mar 2009 Link to this post

    Hi Guys,

    Can anyone give an update if Mr Mason's ribbon controls continue to work well with the new Telerik Q1 2009 release?

    Cheers.
  14. Elvin Hau
    Elvin Hau avatar
    6 posts
    Member since:
    Feb 2008

    Posted 17 Mar 2009 Link to this post

    hi Aaron,

     

    I just migrate my application from a quite backdated version of Telerik.Web.UI.dll of 2008.2.723.25 to 2009.1.311.35.

    I just need to make sure RussellMason.Web.Application project is rebuild using the the same Telerik.Web.UI.dll version, everything display and works fine as old version. 

    Great work for Telerik, the UI coloring looks more consistent and impressive. Thanks.

  15. Aaron Ellery
    Aaron Ellery avatar
    9 posts
    Member since:
    May 2008

    Posted 20 Mar 2009 Link to this post

    Hi Telerik,

    I have just rebuilt the Russell Mason project using the Q12009 controls (release version) and everything within the ribbon seems to work fine, however the application menu using the Office2007Big skin looks off.

    Does anyone with the experience have the time to update the skin? Unfortunately I do not have the skills to complete such a task.

    Telerik may I make a suggestion...it seems this control developed by Mr Mason has such a wide usage perhaps you could look into supporting it on an official level or include it as part of your suite? This is an amazing control and I am using it in production code as I am sure many others are. Kudos to all who have contributed, especially Russell and Telerik for providing the great controls with which to build the Ribbon!!

    Cheers.

    Aaron.


  16. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 25 Mar 2009 Link to this post

    Hello Aaron,

    You can find the migrated Office2007Big skin attached to this post.

    Thank you for the kind words regarding the RadControls. Currently we have no plans for adding the RibbonBar to the suite in the near future.

    All the best,
    Alex
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  17. Aaron Ellery
    Aaron Ellery avatar
    9 posts
    Member since:
    May 2008

    Posted 26 Mar 2009 Link to this post

    Hi Telerik,

    The skin doesnt work...in fact, it has made the problem worse. The application menu looks like a square and there is alot of flicker with the drop down application menu.

    Would you be able to have another look?

    Thanks.

    Aaron.
  18. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 27 Mar 2009 Link to this post

    Hello Aaron,

    The issues that you see may be because I've renamed the skin to Office2007Big, since there is already an embedded skin named Office2007.

    You can either replace all occurances of "Office2007Big" with "Office2007" or change the RadMenu declaration so that it uses the Office2007Big skin instead of the Office2007 one.

    Kind regards,
    Alex
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  19. Aaron Ellery
    Aaron Ellery avatar
    9 posts
    Member since:
    May 2008

    Posted 27 Mar 2009 Link to this post

    Hi Alex,

    I am using the ribbon bar exactly the same as I was using it in Q3 2008. That is, the application menu has it's skin name explicitly set to 'Office2007Big' skin. All I changed was the CSS for the skin with your updated version and the images and thats what made the problem worse.

    Can you reproduce on your side? Note everything I am using (including the ribbon bar) is referencing the Q1 2009 assembly. The ribbon bar works fine, it is just the custom skin of the application menu button (using the rad menu) which is causing the problem.

    Thanks for the response so far.

    Cheers.

    Aaron.
  20. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 31 Mar 2009 Link to this post

    Hi Aaron,

    I'm sorry, it was my mistake. I was using the ToolBar / Application Scenarios example to test the skin. You can find attached an updated version that works with the RibbonBar sample application.

    Greetings,
    Alex
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  21. Jonathan
    Jonathan avatar
    8 posts
    Member since:
    Sep 2007

    Posted 31 Mar 2009 Link to this post

    Hello -

    We are testing implementing the Ribbon Bar into our project and ran across an issue with the ribbon bar minimized state when issuing a response.redirect when using a LargeRibbonButton and a DropDownMenu. We are correctly using the RibbonSerializer.StoreRibbonState to store the state and RibbonSerializer.RestoreRibbonState to restore the state. This works fine so far when using other controls as the ribbon bar is correctly hidden or not based on the session values. However when using a DropDownMenu that has an OnItemClick event once the menu item is clicked the following happens:

    • The ribbon bar is minimized on the click of the menu item. This is correct
    • The server side onItemClick is called and the response.redirect to another page occurs. This is correct.
    • The new page is loaded and stepping through the code the MainApplicationBar.MinimizeRibbon property is properly set to true to minimize the ribbon bar. This is correct.
    • Once the new page is done loading the ribbon bar is displayed in the non-minimized state even though it is supposed to be displayed minimized. This is NOT correct.
    • Now if you click anywhere on the page the ribbon bar is correctly minimized. This happens due to the document onclick being associated in Javascript to the JS function dismissRibbon.

    Note, this only happens when an OnItemClick event is used. If you just use the NavigateURL and no postback occurs the ribbon bar is minimized as expected. Unfortunately, we need the postback to do some things serverside so this is not an option for us. Does anyone have an ideas as to why this is occuring and/or could Telerik look into this issue and provide us with some insight on how to resolve?

    Thanks in advance.

     

  22. Aaron Ellery
    Aaron Ellery avatar
    9 posts
    Member since:
    May 2008

    Posted 11 Jun 2009 Link to this post

    Hi Telerik,

    I have just noticed a problem with the the LargeRibbonButtons within a Ribbon Group. When setting the visible property, it does not seem to retain the value between postbacks. This does not seem to be a problem with the ribbon group themselves however.

    Any ideas? Can you reproduce?

    Many thanks.

    Aaron.
  23. Aaron Ellery
    Aaron Ellery avatar
    9 posts
    Member since:
    May 2008

    Posted 17 Jun 2009 Link to this post

    Hi Telerik,

    I know this is not officially supported but are have you had a chance to look at the issue posted above?

    Thanks.
  24. Johannes H
    Johannes H avatar
    15 posts
    Member since:
    Jul 2012

    Posted 24 Jun 2009 Link to this post

    Hi Telerik,

    we are currently thinking about purchasing Infragistics or Telerik controls for our project.

    A main part of the project is the ribbon framework.

    I can't find any download link of the latest VB.NET Office 2007 Ribbon UI for Visual Studio 2008 (2010).

    If you could provide me a download link it would be very helpfull.

    Thank you and Kind Regards,

    Johannes
  25. Ivo
    Admin
    Ivo avatar
    689 posts

    Posted 24 Jun 2009 Link to this post

    Hello Johannes,

    We currently do not have a separate RadRibbonBar control for ASP.NET AJAX. There are a couple of examples how to achieve a similar interface with the current controls - one of them is in the online demos and the other one is here in this thread contributed by a Telerik community member - Russell Mason. I hope these are helpful.

    Kind regards,
    Ivo
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  26. Johannes H
    Johannes H avatar
    15 posts
    Member since:
    Jul 2012

    Posted 24 Jun 2009 Link to this post

    HI Ivo,

    thanks for your reply.

    I looked for a VB.NET version of the RibbonBarApplication-ASP.NET_AJAX3 but I just found only C# above.

    Version 1.2 update ApplicationFramework = C#
    RibbonBarApplication-ASP.NET_AJAX = C#
    RibbonBarApplication-ASP.NET_AJAX2 = C#
    RibbonBarApplication-ASP.NET_AJAX3 = C#

    Is there any chance to get a VB.NET RibbonBarApplication-ASP.NET_AJAX3 ?

    Would be rly great and helpfull.

    Thanks and kind regards,


    Johannes
  27. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 24 Jun 2009 Link to this post

    Hello Johannes,

    You can convert the C# code from the sample project in VB.NET language using our free online converter:

    http://converter.telerik.com/

    Greetings,
    Sebastian
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  28. Johannes H
    Johannes H avatar
    15 posts
    Member since:
    Jul 2012

    Posted 08 Jul 2009 Link to this post

    Hello,

    @the posting below: I don't need a VB.NET version of the project anymore.

    So here are the good news:

    I took the latest sample provided here and did some updates and some changes to it, here is a overview:

    - Updated the Visual Studio version to 2008
    - Updated the .NET framework version of the project to v. 3.5
    - Updated the RadControls version to Telerik.Web.UI.2009.2.701.35 (that's the Q2 2009 release from 6th July 2009)
    - Replaced the ScriptManager in the Office2007TemplateMasterPage.master with a faster RadScriptManager for better support of the RadControls
    - Added a RadFormDecorator in the Office2007TemplateMasterPage.master with the value "Skin" set to "Office2007" for more Office 2007 feeling in the webapp
    - Added a Office2007.aspx page to provide a sample that everything works

    /Edit:

    The project is attached to this post.


    Good Luck and Kind Regards,

    Johannes
  29. Ivo
    Admin
    Ivo avatar
    689 posts

    Posted 08 Jul 2009 Link to this post

    Hi Johannes,

    Thank you very much for your efforts -- they will be appreciated by a lot of people in the Telerik community. Your Telerik points have been updated.

    The files are now attached to your message as well.

    P.S. Thank you for the tweets as well!

    All the best,
    Ivo
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  30. Grzegorz
    Grzegorz avatar
    2 posts
    Member since:
    Jun 2009

    Posted 31 Jul 2009 Link to this post

    Hi

    After update to ribbonbar-q2-2-9-3-5.zip, i have one problem.

    First, my RadDropDown under largeribbonbutton is not working, it stops on line :

    LargeRibbonButton.prototype.showDropDownMenu = function(evt) {
        menu = getObjectByID(this.getDropDownMenuID());

        if ((!evt.relatedTarget) || (!menu.IsChildOf(menu.get_element(), evt.relatedTarget))) {
            menu.show(evt); //here
        }

        cancelEventBubble(evt);
    }

    Any ideas?
Back to Top