1. #41
    Sencha Premium Member
    Join Date
    Feb 2009
    Location
    Amsterdam, The Netherlands
    Posts
    245
    Vote Rating
    6
    Grolubao is on a distinguished road

      0  

    Default


    Hey guys,
    I love the styling that Erik and you guys did for the ux-notification-light . Unfortunately I'm still using ExtJS 3.x so the styling doesn't work. Can someone provide me the same styling but to apply to a ExtJS 3.x application?

    Thanks a lot!

  2. #42
    Sencha User
    Join Date
    Aug 2011
    Posts
    12
    Vote Rating
    0
    justmyhobby is on a distinguished road

      0  

    Default Ext.ux.window.Notification

    Ext.ux.window.Notification


    This extension is good. However, it will be a problem if you create many notifications with different companions of corner and useXAsis within the same manager. It is because it uses only one list of notifcations for each manager. You can fix this problem by adding a list of notifications for each companion of corner & useXAxis. For example:
    Code:
    statics: {
        defaultManager: {
            notifications: {
                            tl: {
                                  horizontal: [],
                                  vertical: []
                            },
                            tr: {
                                  horizontal: [],
                                  vertical: []
                            },
                            ...........
                    },
            el: null
        }
    },
    You also need to modify the respective code that access the list of notifications as follow:
    Code:
    me.manager.notifications[me.corner][me.useXAxis ? 'horizontal' : 'vertical']

  3. #43
    Ext JS Premium Member
    Join Date
    Jan 2011
    Posts
    8
    Vote Rating
    0
    pmiguelmartins is on a distinguished road

      0  

    Default


    Can you send me the changes to use center mode

    Thanks

    Pedro Miguel Martins

  4. #44
    Touch Premium Member
    Join Date
    Jan 2011
    Location
    Lisbon, Portugal
    Posts
    192
    Vote Rating
    0
    jmaia is on a distinguished road

      0  

    Default


    Quote Originally Posted by pmiguelmartins View Post
    Can you send me the changes to use center mode


    I did not change the Ext.ux.window.Notification component to center the message, all I did was follow Eirik's advice and set the paddingX property before showing the notification window.

    So, for example, let's say I have a generic function show:

    Code:
    show: function (title, msg, type, time) {        
         var notificationBox = Ext.create('widget.uxNotification', {
              corner: 'tl',
              title: title,
              html: msg,
              autoDestroyDelay: time,
              slideInDelay: 500,
              slideDownDelay: 500,
              slideInAnimation: 'bounceOut',
              slideDownAnimation: 'easeIn',
              cls: 'ux-notification-light',
              width: 400
        });
                    
            var centerPadding = (Ext.getBody().getViewSize().width - notificationBox.width) / 2;
            notificationBox.paddingX = centerPadding;    
            
        notificationBox.show();
    }

    The important bit for centering the window here are the corner: 'tl' and the lines where the centerPadding value is calculated and where I'm applying that value to the paddingX property.

    Please note that, as I said on a previous post, this works for me because all my notification windows are spawned from the main browser document window and not from a child panel. If you wanted to center the notification on a child panel instead of the document window, you'd probably have to calculate the padding in a different way.

    Hope that helped.

    Joao Maia



  5. #45
    Ext JS Premium Member
    Join Date
    Jan 2011
    Posts
    8
    Vote Rating
    0
    pmiguelmartins is on a distinguished road

      0  

    Default


    Thanks


    Pedro Martins

  6. #46
    Sencha User
    Join Date
    Jun 2008
    Posts
    13
    Vote Rating
    0
    crealivres is on a distinguished road

      0  

    Default


    Quote Originally Posted by dan5k View Post
    Hello and thank you for this great plugin!
    Is anyone else getting this error in Firefox:
    "dom.getBoundingClientRect is not a function"
    which takes me to the line in ext-debug
    rect = dom.getBoundingClientRect();

    It may be related to the Notification window trying to get the browser dimensions....it is creating scrollbars on the page as well. Is anyone having problems like this?

    Thank you,
    Dan
    same for me on chrome and firefox
    dom.getBoundingClientRect is not a function

    on ie, the same fx causes an error some lines above:
    style = dom.style;
    overflow = style.overflow;

    ==> resolved replace .show(document) by .show()

  7. #47
    Sencha User
    Join Date
    Jun 2008
    Posts
    13
    Vote Rating
    0
    crealivres is on a distinguished road

      0  

    Default


    how to fix zindex to keep notification windows on the top ?

  8. #48
    Sencha User eirik.lorentsen's Avatar
    Join Date
    Aug 2011
    Location
    Santiago, Chile
    Posts
    33
    Vote Rating
    7
    eirik.lorentsen is on a distinguished road

      0  

    Default


    crealivres:
    I have created a alwaysOnTop controller that you can use to keep the notifications always on top.

    See:
    http://www.sencha.com/forum/showthre...264#post696264

    Or:
    http://www.eirik.net/Ext/ux/window/AlwaysOnTop.html

    After you add the controller you just put alwaysOnTop: true in the notification's config or in the class definition in the Notification.js file, and then the notification will stay on top of everything else.

  9. #49
    Sencha User
    Join Date
    Nov 2011
    Location
    Toronto
    Posts
    105
    Vote Rating
    2
    basememara is on a distinguished road

      0  

    Default


    Nice work!! I hope this makes it into the framework. This is a huge head start!

  10. #50
    Sencha User
    Join Date
    Nov 2011
    Location
    France
    Posts
    10
    Vote Rating
    0
    hpsam is on a distinguished road

      0  

    Default


    Thanks for this extension.

    Just one thing, addClass is deprecated so use addCls in cancelAutoDestroy.

    Code:
    cancelAutoDestroy: function() {
             var me = this;
             me.addCls('notification-fixed');

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..." hd porno faketaxi