Office 2007 Ribbon UI

199 posts, 0 answers
  1. Johannes H
    Johannes H avatar
    15 posts
    Member since:
    Jul 2012

    Posted 03 Aug 2009 Link to this post

    Hi Grzegorz,

    I did run this page: TestClient/Examples/Client/ClientLargeRibbonButton.aspx

    But I don't get any errors or stops at the function you are reffering to.

    Could you provide a sample?

    Thanks and Kinds Regards,

    Johannes
  2. Grzegorz
    Grzegorz avatar
    2 posts
    Member since:
    Jun 2009

    Posted 03 Aug 2009 Link to this post

    I found my bug.
    I had RadMenu control rather than RadContextMenu control. After update to new version od telerik kontrols, my soulution broke down. After change to RadContextManu everything is working fine :)
    Regards
    Grzegorz
  3. Johannes H
    Johannes H avatar
    15 posts
    Member since:
    Jul 2012

    Posted 03 Aug 2009 Link to this post

    Hi Grzegorz,

    glad to hear that you found your bug and fixed it!

    If you have any further problems feel free to post them here - you're welcome!

    Kind Regards,

    Johannes
  4. DragonBall
    DragonBall avatar
    53 posts
    Member since:
    Jul 2008

    Posted 27 Aug 2009 Link to this post

    my ShowDialogLauncher does not appear. i used the current attachment.
  5. Alex Le
    Alex Le avatar
    1 posts
    Member since:
    Sep 2009

    Posted 21 Sep 2009 Link to this post

    Hello Russell,

    Thanks for Office 2007 Ribbon UI.
    I have some questions:

    1. When I use these codes in the ASPX page -> It works fine.
            protected override void OnInit(EventArgs e) 
            { 
                base.OnInit(e); 
                if (ScriptManager.GetCurrent(this.Page) == null
                { 
                    ScriptManager scriptManager = new ScriptManager(); 
                    scriptManager.ID = "ScriptManager"
                    scriptManager.EnablePartialRendering = true
                    this.Page.Form.Controls.AddAt(0, scriptManager); 
                } 
            } 

            protected override void CreateChildControls() 
            { 
                base.CreateChildControls(); 
     
                Telerik.Web.UI.RadTabStrip tabStrip = new Telerik.Web.UI.RadTabStrip(); 
                tabStrip.Skin = "Office2007"
                tabStrip.ID = "TabStrip"
                tabStrip.MultiPageID = "RadMultiPage"
                tabStrip.SelectedIndex = 0; 
                tabStrip.Attributes.Add("style""padding-left:10px"); 
     
                Telerik.Web.UI.RadTab tab1 = new Telerik.Web.UI.RadTab("Tab 1""Tab1"); 
                tab1.PageViewID = "PageView1"
                tabStrip.Tabs.Add(tab1); 
     
                Telerik.Web.UI.RadMultiPage radMultiPage = new Telerik.Web.UI.RadMultiPage(); 
                radMultiPage.ID = "RadMultiPage"
                radMultiPage.CssClass = "ribbonBar"
                radMultiPage.SelectedIndex = 0; 
                radMultiPage.Width = Unit.Percentage(100); 
     
                //PageView 1 
                Telerik.Web.UI.RadPageView pageView1 = new Telerik.Web.UI.RadPageView(); 
                pageView1.ID = "PageView1"
                pageView1.CssClass = "ribbonPart"
                pageView1.Width = Unit.Percentage(100); 
     
                //RibbonGroup 
                Ribbon.RibbonGroup ribbonGroup1 = new Ribbon.RibbonGroup(); 
                ribbonGroup1.ID = "RibbonGroup1"
                ribbonGroup1.ClientMemberName = "_largeButtonGroup"
     
                Ribbon.LargeRibbonButton ribButton = new Ribbon.LargeRibbonButton(); 
                ribButton.ID = "ButtonID"
                ribButton.Text = "Button"
                ribButton.Width = Unit.Pixel(100); 
                ribButton.ValidationGroup = "Group1"
                ribButton.EnabledImageUrl = "Images/32x32/PerformanceLogs.gif"
                ribButton.DisabledImageUrl = "Images/32x32/PerformanceLogs.gif"
                ribButton.DropDownMenuID = "DropDownMenu"
                ribButton.OnClientClick = "dropDownDefault.showDropDownMenu(event);"
                ribButton.ClientMemberName = "dropDownDefault"
                ribButton.ToolTip = "Button"
                ribButton.CausesValidation = false
     
                ribbonGroup1.PlaceHolderControls.Add(ribButton); 
                pageView1.Controls.Add(ribbonGroup1); 
                radMultiPage.PageViews.Add(pageView1); 
     
                //PageView 2 
                Telerik.Web.UI.RadPageView pageView2 = new Telerik.Web.UI.RadPageView(); 
                pageView2.ID = "pageViewDefault"
                Telerik.Web.UI.RadContextMenu contextMenu = new Telerik.Web.UI.RadContextMenu(); 
                contextMenu.ID = "DropDownMenu"
                contextMenu.Flow = Telerik.Web.UI.ItemFlow.Vertical; 
                contextMenu.Skin = "Office2007"
     
                Telerik.Web.UI.RadMenuItem dropDown1 = new Telerik.Web.UI.RadMenuItem(); 
                dropDown1.Text = "Drop down 1"
                dropDown1.ImageUrl = "Images/16x16/CounterLog.gif"
                contextMenu.Items.Add(dropDown1); 
     
                Telerik.Web.UI.RadMenuItem dropDown2 = new Telerik.Web.UI.RadMenuItem(); 
                dropDown2.Text = "Drop down 2"
                dropDown2.ImageUrl = "Images/16x16/ScheduledTasks.gif"
                contextMenu.Items.Add(dropDown2); 
     
                pageView2.Controls.Add(contextMenu); 
                radMultiPage.PageViews.Add(pageView2); 
     
                this.form1.Controls.Add(tabStrip); 
                this.form1.Controls.Add(radMultiPage); 
            } 


    2. When I use these codes in my Web Part -> It doesn't work.
    3. I run debug and get javascript error: instance = null

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


    function getObjectByID(ID) 
        try 
        { 
            instance = $find(ID); 
            if(instance==null
            { 
            instance = window[ID]; 
            } 
        } 
        catch(e) 
        { 
            instance = null
        } 
         
        return instance; 
     

    Note: Telerik.Web.UI.dll Version: 2008.3.1125.20
    Can you help me ?

    Thanks,
    Alex
  6. Jonathan
    Jonathan avatar
    8 posts
    Member since:
    Sep 2007

    Posted 04 Nov 2009 Link to this post

    Has anyone had any issues when using a RadScheduler in a project that uses the Office 2007 Ribbon UI?

    The issue that is occurring is on a page with a RadScheduler the Ribbon UI RadTabStrip's OnClientTabSelected is not firing and the corresponding RadTab is never displayed when clicked. Works great on any other page and I can select , just not on one with a RadScheduler.

    Thanks in advance.

  7. Daniel
    Daniel avatar
    15 posts
    Member since:
    May 2009

    Posted 27 Dec 2009 Link to this post

    There are so many posts to go through, what is the most current version of the library to download. Aslo, where is the css used on http://www.killerbitesoftware.com/Office2007/Examples/Default.aspx? The title area's text is colored differntly and there are mouse over events on the button groups that change colors.

    Thank you
  8. Daniel
    Daniel avatar
    15 posts
    Member since:
    May 2009

    Posted 04 Jan 2010 Link to this post

    I am having a strange issue. It started once I added the ResizeManager to my project. First, I had to modify the

    RibbonResizingManager.prototype.expandCollapseGroups

    method in the RibbonBar.js becuase some of my Ribbon Groups are hidden depending on the page. So, the group object would not get instantiated properly. Here is what I did:

    RibbonResizingManager.prototype.expandCollapseGroups = function() {  
     
    for (tabIndex = 0; tabIndex < this.tabsInfo.length; tabIndex++) {  
     
    tabInfo = this.tabsInfo[tabIndex];  
     
    for (groupsIndex = 0; groupsIndex < tabInfo.length; groupsIndex++) {  
     
    windowWidth = document.documentElement.clientWidth;  
     
    groupInfo = tabInfo[groupsIndex];  
     
    groupID = groupInfo[0];  
     
    group = getObjectByID(groupID);  
     
    transitionWidth = groupInfo[3];  
     
    expand = !(windowWidth < transitionWidth);  
     
    if (group) {  
     
    group.setExpanded(expand);  
     
    }  
     
     
    }  
     
    }  
     
    }  
     
    On any of my pages that have an UpdatePanel and an UpdateProgress area I am getting an error: this.sharedState is undefined. Becuase of this error my UpdatePorgress window is not closing.
  9. Riaan Du Toit
    Riaan Du Toit avatar
    2 posts
    Member since:
    Nov 2009

    Posted 12 Jan 2010 Link to this post

    Hi,

    I am playing around with the Framework. very nice work.

    Can I recompile the framework with the latest Telerik DLLs? So I can always use the latest Telerik control set and the Framework?

    For now I am Stuck on the 2009.2.701.35 version of the controls.

    Thx.
  10. Lowell
    Lowell avatar
    1 posts
    Member since:
    Nov 2009

    Posted 25 Jan 2010 Link to this post




  11. shab
    shab avatar
    1 posts
    Member since:
    Dec 2006

    Posted 03 Feb 2010 Link to this post

    Hello Russel,
                         I need ribbon bar on my webpart which is to be places on sharepoint 2007 site.
    I am not able to do that with framework. Getting "File not Found" ,i tried toi dubug it but it is not able to go to the create controls part i got error on the webpart constructor it self.
       Please help me how can i use the framework to display a ribbon on a webpart. Do i need any license agreement with microsoft.
    I don't know all that. Please guide me.
    Waiting for your reply. As it is an urgent requirement for me.


    Thanks in advance.
    Shabana
  12. saravanan k
    saravanan k avatar
    88 posts
    Member since:
    Mar 2010

    Posted 17 May 2010 Link to this post

    Hi Russell,

                   First of all thanks for your amazing work. I made use of your scripts in my application, I am facing a strange issue. The hover effect on the menu tabs are not working for the first time after the page load. Once u move your mouse again it is showing the menus. I am not sure what may be the reason. May be something wrong with my master page too. Any valuable suggestions from your side?

    Regards,
    Saravanan K
  13. Mike
    Mike avatar
    3 posts
    Member since:
    Jul 2012

    Posted 14 Jun 2010 Link to this post

    Any update on the latest code base and support for .Net 3.5 4.0?
  14. Mike
    Mike avatar
    3 posts
    Member since:
    Jul 2012

    Posted 14 Jun 2010 Link to this post

    Any idea why the RibbonResizingManager sample from the client examoples in the 138116_ribbonbar-q2-2-9-3-5.zip file would cause an error in the following Javascript function?

     

    <
     
    RibbonResizingManager.prototype.expandCollapseGroups = function()   
    {   
        for (tabIndex = 0; tabIndex < this.tabsInfo.length; tabIndex++)  
        {  
            tabInfo = this.tabsInfo[tabIndex];  
              
            for (groupsIndex = 0; groupsIndex < tabInfo.length; groupsIndex++)  
            {  
                windowWidth = document.documentElement.clientWidth;  
                groupInfo = tabInfo[groupsIndex];  
                groupID = groupInfo[0];  
                group = getObjectByID(groupID);  
                transitionWidth = groupInfo[3];  
                expand = !(windowWidth < transitionWidth);  
                  
                group.setExpanded(expand);  
            }  
        }  
    }  
     
    FONT size=2>  
    <P>RibbonResizingManager.prototype.expandCollapseGroups = </FONT><FONT   
    color=#0000ff size=2><FONT color=#0000ff size=2>function</FONT></FONT><FONT   
    size=2>() </P> 
    <P></P> 
    <P></FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
    size=2>for</FONT></FONT><FONT size=2> (tabIndex = 0; tabIndex &lt; </FONT><FONT   
    color=#0000ff size=2><FONT color=#0000ff size=2>this</FONT></FONT><FONT   
    size=2>.tabsInfo.length; tabIndex++)</P> 
    <P>{</P> 
    <P>tabInfo = </FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
    size=2>this</FONT></FONT><FONT size=2>.tabsInfo[tabIndex];</P> 
    <P></P>  
    <P></FONT><FONT color=#0000ff size=2><FONT color=#0000ff   
    size=2>for</FONT></FONT><FONT size=2> (groupsIndex = 0; groupsIndex &lt;   
    tabInfo.length; groupsIndex++)</P> 
    <P>{</P> 
    <P>windowWidth = document.documentElement.clientWidth;</P> 
    <P>groupInfo = tabInfo[groupsIndex];</P> 
    <P>groupID = groupInfo[0];</P> 
    <P>group = getObjectByID(groupID);</P> 
    <P>transitionWidth = groupInfo[3];</P> 
    <P>expand = !(windowWidth &lt; transitionWidth);</P> 
    <P></P>  
    <P>group.setExpanded(expand);</P> 
    <P>}</P> 
    <P>}</P> 
    <P>}</P></FONT

  15. Guo Huang
    Guo Huang avatar
    6 posts
    Member since:
    Sep 2009

    Posted 23 Jul 2010 Link to this post

    can you please share your database code with us?
  16. Mike
    Mike avatar
    3 posts
    Member since:
    Jul 2012

    Posted 23 Jul 2010 Link to this post

    What database are you talking about.  I am just running the client exa,ples that came with the ZIP download.  AM I missing something?
  17. Guo Huang
    Guo Huang avatar
    6 posts
    Member since:
    Sep 2009

    Posted 23 Jul 2010 Link to this post

    I thought someone successfully converted tabstrip.xml into database, it is easier to manager role/permission from database than xml.
  18. bogdan
    bogdan avatar
    9 posts
    Member since:
    Mar 2009

    Posted 04 Oct 2010 Link to this post

    Hello. 
    I've successfully used this Office Ribbon Control but i have one issue i would like to address.
    I've inserted a couple of RadComboBoxes in a RibbonGroup. 
    My issue is that at postback the comboboxes loose their values and i have to repopulate them at every postback.
    As i am 100% sure that this shouldn't happen i am asking for your help regarding this issue.
  19. Hoon
    Hoon avatar
    7 posts
    Member since:
    Oct 2010

    Posted 28 Oct 2010 Link to this post

    Hi~
    Thanks for your effors.
    I am currently using Ribbon control made by Russell.
    I created ribbon control promatically so first the page loaded
    it does work. but when postback happen on page, every control in each tab
    has gone. I don't know if it disposed or just didn't show up. Would you help me out?
    Please~
Back to Top