[CLOSED] [#607] Bouncing ProgressBarPager plugin

  1. #1

    [CLOSED] [#607] Bouncing ProgressBarPager plugin

    Hi,

    I was working on something and generated some error that would not let Ext JS to finish.
    It is not about that error but some strange "side effect". My ProgressBarPager started "nicely" bouncing when page is changed.

    The video will demonstrate mentioned effect:

    www.youtube.com/watch?v=oErSCeZAN2E

    When I go back to my original code without the error the plugin is working as usually.


    Is this some soft of hidden feature of ProgressBarPager or some simple css trick ?

    Thank you,

    Matt
    Last edited by Daniil; Dec 11, 2014 at 9:30 AM. Reason: [CLOSED] [#607]
  2. #2
    Hi @matt,

    Yes, it is animated by default. Please try this:
    <ext:ProgressBarPager runat="server">
        <CustomConfig>
            <ext:ConfigItem Name="defaultAnimCfg" Value="false" Mode="Raw" />
        </CustomConfig>
    </ext:ProgressBarPager>
  3. #3
    Thank you.

    What I meant is I did like the animated effect :) but for me by default it is not working. Even in the examples it is not "enabled":
    https://examples2.ext.net/#/GridPane...rayWithPaging/
    (Tried with different browsers too)

    I have found that defaultAnimCfg by default is set to {duration: 1000, easing: "bounceOut"}.
    I check and that config is set but for some reason it does not create the animation. I was investigating and all the settings seems to be correct (by default)

    App.documentsView_client_ctrl_barPage.plugins[0].progressBar.isAnimate = true
    App.documentsView_client_ctrl_barPage.plugins[0].progressBar.animate = {duration: 1000, easing: "bounceOut"}

    Is there any other/global configuration that make this animation working ?

    Best Regards,
  4. #4
    Got it:)

    Indeed, the animation is supposed to work by default, but it doesn't.

    If I correctly understand you tested it with ExtJS without Ext.NET, didn't you? If so, what ExtJS version you tested with?
  5. #5
    Actually, I have not used ExtJS directly at all. I am working with recent Ext.Net 2.5.3 (but the same was in 2.5.2).

    I found that bouncing effect by accident. I still have copy of my "broken" code that "generate/enable" that feature.
    As I cannot share with the code at the moment I will try to investigate it and see at what point and how that feature is being disabled.

    I think when ExtJS is executed at the beginning that feature is enabled (as it suppose to). My error stops ExtJS from finishing where there must be something that disable this feature.

    At the moment too busy with other issues.... but it would be nice to have this bar bouncing :)
  6. #6
    Probably, something in Ext.NET stops animation working, because it works with pure ExtJS 4.2.1.
    http://docs.sencha.com/extjs/4.2.1/#...ress-bar-pager

    I will investigate.
  7. #7
    Finally, we consider it a defect and created an Issue.
    https://github.com/extnet/Ext.NET/issues/607

    Fixed in the SVN revision #6197 (version 2) and #6198 (version 3). It will go into the next public releases - v2.5.4 and v3.0.0 final.

    Thank you for the report!

Similar Threads

  1. [CLOSED] GridPanel RowEditor required fields' tooltip is bouncing
    By Daly_AF in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 27, 2013, 5:44 AM
  2. [CLOSED] InputMask plugin
    By luiz in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 26, 2013, 10:00 PM
  3. Replies: 0
    Last Post: Nov 24, 2012, 10:45 PM
  4. [CLOSED] Plugin
    By boris in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Nov 23, 2011, 1:10 PM

Tags for this Thread

Posting Permissions