This is a migrated thread and some comments may be shown as answers.

Carousel content problem

8 Answers 183 Views

Carousel

This is a migrated thread and some comments may be shown as answers.

8 Answers, 1 is accepted

answered on 16 May 2012, 08:15 PM

Hi Maya,

the flow is going like this:

- I have a grid with data
- The user have to select one row and click on the "Show document" button
- I start a thread that make a call to my backend to receive the PDF document (document can have one or 2 pages)
- When receive is completed, I start another thread to extract each page of the document and transform it into an "Image"
- For each new created image, I add it to my carousel (see code snippet at the end)
- With a 1 page document, fine, no problem.
- With a 2 pages document, I see the first page with is content but the second page was empty and white.
- I scroll the 2nd page outsite the visible area of the carousel and I bring it back into the visible area of the carousel and now, I can see the content of the 2nd page.

        private void delayedPdfToImageConverter(object pPdf)
        {
            if (mCarouselToUseDuringDocsThread != null && pPdf != null)
            {
    var img = pPdf as InterDependencyImage;
                img.Image = new Image();
                img.Image.Source = img.Frame;
    mCarouselToUseDuringDocsThread.Items.Add(img);

                if (mCarouselToUseDuringDocsThread.Items.Count > 0)
                {
                    if (mCarouselToUseDuringDocsThread.Items.Count == 1)
                    {
                        // Validate if it's a new document.
                        if (mCarouselToUseDuringDocsThread == SignCtxDocsCarousel)
                        {
                            mSignCtxNewIncomingDoc = true;
                        }
                        else
                        {
                            mUnsignCtxNewIncomingDoc = true;
                        }
                    }

     // Bring the first received image on top.
     mCarouselToUseDuringDocsThread.BringDataItemIntoView(mCarouselToUseDuringDocsThread.Items[0]);
                }
            }
        }

answered on 28 May 2012, 02:33 PM

Hi,

answers:

Could you verify whether the second image is created once it should be displayed ?
Yes

Could you try displaying simple images, instead of such converted from pdf just to check whether the problem is with the timing ?
All images I show in my carousel comes from a PDF document. If I have 2 documents with 1 page each, all pages are displayed correctly. The problem occured only when I have a PDF document with 2 pages. What I did exactly is, a person can have 1 or more document with one or multiple plages for each document. In my carousel, I have to display all document pages.

How do you add each of those images to the source of the carousel ?
MyCarousel.Items.Add(img);

Thank's

answered on 13 Jul 2012, 02:00 PM

Hi

I think that my problem has the same cause as this problem.

I am using a RadCarousel, with ItemTemplate x.
The ItemTemplate x is a DataTemplate. This DataTemplate has a Border, and the Border's background color is set by a DataTrigger set in the DataTemplate.
Thus: the DataTemplate contains some DataTriggers which set the Background of the Border in the DataTemplate.

What happens is the next: in the Border I have a button. This button calls a command in my ViewModel. The ViewModel sets a property which causes the DataTriggers to change the background of the Border.
The problem is: it seems that the DataTriggers are only triggerd, after I select another Item in the Carousel.
Say f.i. that the Background is Green at the beginning, I click the button, which should set the Background to Red (with a storyboard). The color only starts to animate from Green to Red after I select another item in the carousel.

it seems that the carousel only updates items whenever some event is called.

Is there a solution/workaround for this problem? Preferably in XAML (because for requirement reasons, I cannot use too much code, except from Attached Behaviors maybe).

Thank you
Steven

answered on 16 Jul 2012, 10:02 AM

It gets even weirder. Should I create a new thread for this?

I had created an attached behavior for the RadCarousel, because I couldn't get my first item of the ItemsSource to be visible upon start of my application.
The attached behavior is coded as below:

//ctrl = RadCarousel

//item = my custom class, which is in the ItemsSource collection

ctrl.BringDataItemIntoView(item);

ctrl.SelectedItem = item;

Whenever this method is called, the DataTriggers in my ItemTemplate are executed. However, they are executed over and over again. Say f.i. that the DataTrigger changes the background from green to orange, then everytime this code is called, the background changes again from green to orange. If I would skip the code (breakpoint + skip these two lines), then nothing is updated. Even those who actually would have to change from green to orange, don't.

I really don't understand how the RadCarousel is set up to update any layouts or start datatriggers, but I would have expected this to be independent from the RadCarousel.