Page 1 of 2

Carousel panel with JPG and edit controls

PostPosted: 31 Oct 2014 22:10
by ScottWGast
I'm displaying a JPG image on a carousel panel along with a few edit items that overlay the JPG image.

The issue I'm having is that the edit items render completely before the JPG image has finished displaying and so they show up on the screen for a second by themselves before the image loads.

You can see the issue here:
http://www.scottanddonie.com

I've tried making the controls visible in the following events, but they still show up early...

Carousel.OnAfterRenderHTML
Carousel.OnRender
Carousel.Events.OnAfterMove.OnEvent

Oh ... you can also see that the font sizes are not the same for the TIWCGJQEdit components in comparison to the TIWCGJQDatePicker and TIWCGJQComboBoxEx. I'd like all of the TIWCGJQEdit controls to have the same font size as the TIWCGJQDatePicker.

What do you think?

Scott

Re: Carousel panel with JPG and edit controls

PostPosted: 03 Nov 2014 13:29
by Alexander Bulei
Hi ScottWGast,

http://www.scottanddonie.com


Doesn't work...

Please send us the simple testcase project. t.i.a

Best Regards.

Re: Carousel panel with JPG and edit controls

PostPosted: 03 Nov 2014 15:17
by ScottWGast
Dangit... I took that test website down..

Please try http://www.s2softwaretest.com

Thanks,
Scott

UPDATE: I have temporarily worked around the problem with the varying font sizes so the above link will display correctly...

Re: Carousel panel with JPG and edit controls

PostPosted: 04 Nov 2014 10:54
by Alexander Bulei
Moved to proper section.

Re: Carousel panel with JPG and edit controls

PostPosted: 04 Nov 2014 11:57
by Alexander Bulei
Hi Scott,

The issue I'm having is that the edit items render completely before the JPG image has finished displaying and so they show up on the screen for a second by themselves before the image loads.


But I can't see this behavior:

Best Regards.

Re: Carousel panel with JPG and edit controls

PostPosted: 04 Nov 2014 15:55
by ScottWGast
I just tried and, maybe it's the speed of my internet connection, but the edit controls display first and then the JPEG image slides in underneath the edit controls about 1 second later.

http://www.s2softwaretest.com

Could you click on it one more time and see if that's what happens to you?

Thanks,
Scott

Re: Carousel panel with JPG and edit controls

PostPosted: 06 Nov 2014 11:50
by Alexander Bulei
Hi ScottWGast,

We have implemented new component : IWCGJQEventBinder - Allows to attach the events to any control or jquery selector.
Also, have 4 events for images.

Available since v2.3.0.83.

When you get it, i will show you the way ;)

Best Regards.

Re: Carousel panel with JPG and edit controls

PostPosted: 10 Nov 2014 17:23
by ScottWGast
I've downloaded and installed 2.3.0.85 for IW 14.0.32...

What do I do now? :)

Thanks,
Scott

Re: Carousel panel with JPG and edit controls

PostPosted: 10 Nov 2014 17:54
by Alexander Bulei
Hi ScottWGast,

The issue I'm having is that the edit items render completely before the JPG image has finished displaying and so they show up on the screen for a second by themselves before the image loads.


Well, now you can workaround it....

I will attach you little demo...

Best Regards.

Re: Carousel panel with JPG and edit controls

PostPosted: 10 Nov 2014 18:08
by ScottWGast
I've added a TIWCGJQEventBinder to my frame and added my TIWCGJQImage control to it's .ElementList. Then I added the SpecialImageEvents.OnDone and it seems to be displaying the edit controls after the image is loaded. :)

Woohoo!

Thanks so much.

Scott