1. #1
    Sencha User
    Join Date
    Mar 2007
    Location
    Shanghai
    Posts
    25
    Vote Rating
    0
    helloniko is on a distinguished road

      0  

    Smile Unanswered: [Ext Core]Ext.ux.MessageSlider

    Unanswered: [Ext Core]Ext.ux.MessageSlider


    MessageSlider is my first simple UX based on Ext Core.
    It's really simple and same effect as the top right corner message slides box of extjs website.

    (** if you extract the attachment but to find lost file extention ('.zip'), please use zip software open/extract it, thanks...)


    -Tested on FF2+, IE7+, Chrome2, Safari3
    -MIT License
    -MessageSlider demo
    -ExtWebPPT demo
    -Git source
    -UX doc


    Example usage:
    Code:
            Ext.onReady(function() {
                new Ext.ux.MessageSlider('msg-slider-section', {
                    displayIndex : 3,
                    intervalTime : 5,
                    items : [{
                        content: 'Ext Carousel example »',
                        url: 'http://extjs.com/playpen/ext-core-latest/examples/carousel/',
                        tip: 'The Carousel example provides a widget for browsing a set of objects',
                        target: 'show-example'
                    }, {
                        content: 'Ext JSONP example »',
                        url: 'http://extjs.com/playpen/ext-core-latest/examples/jsonp/',
                        tip: 'The JSONP example shows how you can fetch JSON data from a different domain',
                        target: 'show-example'
                    }, {
                        content: 'Ext Core 3.0 - API Documentation',
                        url: 'http://extjs.com/products/extcore/docs/'
                    }, {
                        content: '<img src="images/ext-site-logo.gif" />',
                        url: 'http://extjs.com',
                        tip: 'Welcome to ExtJS.com'
                    }]
                });   
            });
    *Besides using config options, you may use custom event as well.
    Attached Images
    Attached Files
    Last edited by helloniko; 17 Mar 2010 at 7:32 PM. Reason: typo

  2. #2
    Sencha User
    Join Date
    Dec 2007
    Posts
    167
    Vote Rating
    0
    hello2008 is on a distinguished road

      0  

    Default


    looks good

  3. #3
    Sencha User
    Join Date
    Apr 2008
    Location
    West Linton, Scotland
    Posts
    244
    Vote Rating
    0
    andycramb is on a distinguished road

      0  

    Default


    very nice

    Question for you
    On the init method you use

    Code:
    this.items = cfg.items;
    You have already executed the following line

    Code:
    Ext.apply(this, config);
    Will
    Code:
    this
    not already contain the items you passed in on the config after executing apply?

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Location
    Shanghai
    Posts
    25
    Vote Rating
    0
    helloniko is on a distinguished road

      0  

    Default


    @andycramb
    you are right, no need for that line, I've did an update

  5. #5
    Ext User Joe's Avatar
    Join Date
    Apr 2007
    Posts
    243
    Vote Rating
    0
    Joe is on a distinguished road

      0  

    Default Added to ExtJS Core MIT UX Code Library

    Added to ExtJS Core MIT UX Code Library


    Thanks for posting the control.

    Per our PM's your code has been added to the ExtJS Core MIT UX Code Library.

    http://code.google.com/p/extjscoremitux

    Note: The location in the tree may change as there is open discussion on SVN structure.
    Joseph Francis,
    CoreLan / Meeting Consultants

Thread Participants: 3