1. #11
    Sencha User paffinito's Avatar
    Join Date
    Oct 2009
    Location
    Italy
    Posts
    14
    Vote Rating
    0
    paffinito is on a distinguished road

      0  

    Default


    Quote Originally Posted by jackpan View Post
    Hi paffinito,

    Can you post a zip file with your fix for IE?

    Thanks!
    Unzip in examples directory for a demo.

    Bye
    Attached Files

  2. #12
    Ext User
    Join Date
    Sep 2010
    Posts
    10
    Vote Rating
    0
    jackpan is on a distinguished road

      0  

    Default


    Thanks!

  3. #13
    Ext JS Premium Member
    Join Date
    Dec 2007
    Posts
    40
    Vote Rating
    0
    dverkade is on a distinguished road

      0  

    Default


    Hi,

    I used this extension, which is great. However there is a little problem with the initial rendering. I've rendered the component in the tbar of a window which has the following result:

    http://www.webtricksframework.com/Naamloos.jpg

    Anyone know how to fix this?

  4. #14
    Sencha - Services Team Stju's Avatar
    Join Date
    Dec 2008
    Location
    Redwood city, California
    Posts
    288
    Vote Rating
    3
    Stju is on a distinguished road

      0  

    Default


    Looks like You are missing icons, that, could be the problem!

  5. #15
    Ext User
    Join Date
    Jan 2011
    Posts
    1
    Vote Rating
    0
    aljone4579 is on a distinguished road

      0  

    Default


    Quote Originally Posted by Oliven View Post
    Very cool. With so many are today working with Microsoft Office 2007/2010 and is accustomed to this kind of toolbar (Ribbon) so the function is very useful. Thanks

    Yes I agree too that this very useful information and cool in using this toolbar...





    ______________________________________________

    formica laminate

  6. #16
    Sencha User paffinito's Avatar
    Join Date
    Oct 2009
    Location
    Italy
    Posts
    14
    Vote Rating
    0
    paffinito is on a distinguished road

      0  

    Post Update

    Update


    I have changed initRibbon to use '->', '-' and ' ' as a normal toolbar.

    Code:
    initRibbon: function(item, index) {
            var tbarr = new Array();
            for (var j = 0; j < item.ribbon.length; j++) {
                if (item.ribbon[j] == '->') {
                    tbarr.push(new Ext.Toolbar.Fill());
                } else if (item.ribbon[j] == '-') {
                    tbarr.push(new Ext.Toolbar.Separator());
                } else if (item.ribbon[j] == ' ') {
                    tbarr.push(new Ext.Toolbar.Spacer());
                } else {
                    for (var i = 0; i < item.ribbon[j].items.length; i++) {
                        if (item.ribbon[j].items[i].scale !== "small") {
                            item.ribbon[j].items[i].text = String(item.ribbon[j].items[i].text).replace(/[ +]/gi, "<br/>");
                        }
                    }
                    c = {
                        xtype: "buttongroup",
                        cls: "x-btn-group-ribbonstyle",
                        defaults: {
                            scale: "large",
                            iconAlign: "top",
                            minWidth: 40
                        },
                        items: item.ribbon[j].items
                    };
    
                    title = item.ribbon[j].title || 'Ribbon Title';
                    topTitle = item.ribbon[j].topTitle || false;
                    onTitleClick = item.ribbon[j].onTitleClick || false;
    
                    if (onTitleClick) {
                        titleId = 'ux-ribbon-' + Ext.id();
                        title = '<span id="' + titleId + '" style="cursor:pointer;">' + title + '</span>';
                        this.titleId.push({
                            id: titleId,
                            fn: onTitleClick
                        });
                    }
    
                    if (!topTitle) {
                        Ext.apply(c, {
                            footerCfg: {
                                cls: "x-btn-group-header",
                                tag: "span",
                                html: title
                            }
                        });
                    } else {
                        Ext.apply(c, {
                            title: title
                        });
                    }
                    cfg = item.ribbon[j].cfg || null;
    
                    if (cfg) {
                        Ext.applyIf(c, item.ribbon[j].cfg);
                        if (cfg.defaults) Ext.apply(c.defaults, cfg.defaults);
                    }
                    tbarr.push(c);
                }
            }
            Ext.apply(item, {
                baseCls: "x-plain",
                tbar: tbarr
            });
        }
    Bye
    Pasquale

  7. #17
    Touch Premium Member
    Join Date
    Sep 2011
    Location
    Vancouver, BC, Canada
    Posts
    26
    Vote Rating
    0
    timmcintyre is on a distinguished road

      0  

    Default


    Hi Guys,

    Thanks for the ribbon code, it looks really cool

    I'm playing around with a ribbon & am wondering, how can I get the last ribbon group in my toolbar to fill to the screen width and get those buttons to align to the right side ? Possible ?

    Cheers

    Tim

  8. #18
    Sencha Premium Member
    Join Date
    Jun 2013
    Location
    Boulder, CO
    Posts
    538
    Vote Rating
    7
    DavidThi808 is on a distinguished road

      0  

    Default


    The zip file references ext-base.js. Where can I find that?

    thanks - dave

  9. #19
    Sencha User
    Join Date
    Mar 2012
    Posts
    1
    Vote Rating
    0
    tasin is on a distinguished road

      0  

    Default


    It's very cool,thanks

  10. #20

Similar Threads

  1. ribbon Extension menubar like office 2007
    By august in forum Ext 1.x: User Extensions and Plugins
    Replies: 3
    Last Post: 14 Nov 2013, 10:48 AM
  2. Microsoft Office style menubar
    By Beer Brother in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 16 May 2010, 11:52 AM
  3. Problem with Microsoft Office 2003 Web Components
    By hezhanfei in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 9 Dec 2009, 10:22 PM
  4. Toolbar like Office 2007 (Ribbon)
    By kimmaydesign in forum Ext 3.x: Help & Discussion
    Replies: 6
    Last Post: 18 Aug 2009, 8:22 AM
  5. Thoughts on building an MS Office ribbon
    By SeaSharp in forum Community Discussion
    Replies: 1
    Last Post: 22 Nov 2007, 4:40 AM

Thread Participants: 12

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."