[CLOSED] Problem With TaskManager's Update.Handler and Image

[matrixwebtech]

Test View

@{
    //Layout = "~/Views/Shared/_Layout.cshtml";
    var X = Html.X();
    
  
}
@X.ResourceManager()
    @(
 Html.X().Viewport()
 .Layout(LayoutType.Border)
             .Border(false)
            .Items(

                     X.Panel().Layout(LayoutType.HBox)
                  
                    .BodyStyle("background: #DFE8F6").AutoScroll(false)
                    .Items
                    (
                    X.Image()
                    .ImageUrl("http://octagonerp.com/FileRepository/Admin/AdminSettings/CompanyInformation/Image/BaanyanSoftwareServices.jpg")
                    @*http://4.bp.blogspot.com/-JOqxgp-ZWe0/U3BtyEQlEiI/AAAAAAAAOfg/Doq6Q2MwIKA/s1600/google-logo-874x288.png*@
                    .Height(40)
                    .Width(300)
           )
                    
                    ,
                     X.Panel().ID("pbottom")

                    .BodyPadding(0)
                    .AutoScroll(false)

                    .Region(Region.South)
            //.BottomBarItem(

                    //            )
                        .BottomBar(
                          X.StatusBar().StatusAlign(StatusAlign.Right).Border(false)
                                .Items(
                                   
                                    X.ToolbarTextItem().Text(System.DateTime.Now.ToString("dd-MM-yyyy")),
                                    X.ToolbarTextItem().ID("txttime")
                                )
                        ).AlignTo("pbottom", "Left")
    )
    )

      @(X.TaskManager()
                .Tasks(
            X.Task()
                .Interval(1000)
                .Listeners(l => {

                    l.Update.Handler = "App.txttime.setText(Ext.Date.format(new Date(), 'H:i:s'));";
                    
                    })
        ))

Please run above code ,and you will find the Image (at Top Left) jerk on every interval of TaskManager's Update.Handler.please help me to fix this.the jerk of this image is not looking good.
but if comment

l.Update.Handler = "App.txttime.setText(Ext.Date.format(new Date(), 'H:i:s'));";

image mot jerking.
you can see this also here
user name and password :-bsspl

[Daniil]

Hi @matrixwebtech,

you can see this also here
user name and password :-bsspl

I cannot see anything wrong with the image. Please clarify is it still reproducible on you side?

[matrixwebtech]

Hi daniil ,thanks for investigate.It still happen.better you run the test example which I provide on your side ,I use Firefox (33.1.1) ,and please put eyes on the image you see the image jerk .
I think you test in Chrome,I also check in Chrome and every thing is fine.please test it in Firefox (33.1.1) once.

[Daniil]

I tried with the test case in Firefox 33.1.1. I don't see the image moves or something.

Could you, please, provide a screencast? Maybe, it would clarify something.

[matrixwebtech]

Hi danill,
please observe the Image in video
http://www.screencast.com/users/matr...3-031ba1f98197

[Vladimir]

I cannot reproduce such behaviour also.

[matrixwebtech]

Vladimir
Thanks for investigate ,its very unfortunate .I try with chrome then its ok.but problem in firefox.are you watch the screencast?will I send the media file via dropbox?may be it will help?

[Vladimir]

I updated my Firefox and was able to reproduce the issue
I guess the problem is not related with TaskManager and Ext.Net
The problem that you set strange width and height which set another aspect ratio for your image

Original image has 200 width and 100 height. So, aspect ratio 2:1
You set 300 width and and 40 height. Aspect ratio 7.5 : 1

If you set another size then you will see that the issue is resolved. Or you need to change your original image size (physical image, not Image control)

[matrixwebtech]

Got your point.but then why its fine with chrome,and image not jerking(Firefox 33.1.1) if taskmanagre's update handlar is removed?

[Vladimir]

why its fine with chrome

I guess that Chrome correctly handles such custom aspect ratio

and image not jerking(Firefox 33.1.1) if taskmanagre's update handlar is removed?

I guess that setText causes relayouting (and DOM update) and FF redraw the image differently each time due custom aspect ratio. So, i think it is Firefox bug

If you replace task manager handler by this code then it should help

App.txttime.el.update(Ext.Date.format(new Date(), 'H:i:s'));

Best way, to change image size (file image size) and use the same image size in your application