Data Coursel, custom square path issue

630

Chris posted over 14 years ago

Hi there

I have a custom square path I am using with the xamDataCoursel but have an issue. The top left corner does not show the items, they move across the path fine, but always stay within the right top , right side, and right bottom of the path. I need the items to spread evenly across the path or else its a deal breaker with what i am trying to do. Here is my code for the xamDataCoursel and the path.

Please help

Margin="0,-10,150,75"
                                      Theme="Water"
                                      HorizontalAlignment="Stretch"
                                      VerticalAlignment="Stretch"
                                      Width="Auto"
                                      Height="Auto"
                                      GroupByAreaLocation="None">
                                    <igDP:XamDataCarousel.FieldSettings>
                                        <igDP:FieldSettings AllowRecordFiltering="True" CellClickAction="SelectRecord" AllowEdit="False" />
                                    </igDP:XamDataCarousel.FieldSettings>
                                    <igDP:XamDataCarousel.ViewSettings>
                                        <igWindows:CarouselViewSettings
                                          ItemPathStretch="Uniform"
                                          UseScaling="False"
                                          IsListContinuous="True"
                                          ItemPath="{StaticResource SquarePath1}"
                                          ItemsPerPage="20"
                                          UseOpacity="True"
                                          ItemPathPadding="0,0,0,0"
                                          ItemSize="125,75" >
                                        </igWindows:CarouselViewSettings>
                                    </igDP:XamDataCarousel.ViewSettings>
                                    <igDP:XamDataCarousel.FieldLayoutSettings>
                                        <igDP:FieldLayoutSettings AutoGenerateFields="False" />
                                    </igDP:XamDataCarousel.FieldLayoutSettings>
                                    <igDP:XamDataCarousel.FieldLayouts>
                                        <igDP:FieldLayout Key="PATNT_PASID">
                                            <igDP:FieldLayout.Fields>
                                                <igDP:Field Name="Brief" Label="Brief" >
                                                    <igDP:Field.Settings>
                                                        <igDP:FieldSettings CellMinWidth="50" CellWidth="50" CellHeight="20" />
                                                    </igDP:Field.Settings>
                                                </igDP:Field>
                                                <igDP:Field Name="Name" Label="Name">
                                                    <igDP:Field.Settings>
                                                        <igDP:FieldSettings CellMinWidth="50" CellWidth="50" CellHeight="20" />
                                                    </igDP:Field.Settings>
                                                </igDP:Field>
                                                <igDP:UnboundField Name="UserImage" Label="UserImage">
                                                    <igDP:UnboundField.Settings>
                                                        <igDP:FieldSettings CellMinWidth="20" CellWidth="20"
                                     CellValuePresenterStyle="{StaticResource UserImage1}" />
                                                    </igDP:UnboundField.Settings>
                                                </igDP:UnboundField>
                                                <igDP:Field Name="CareUnit" Label="CareUnit" Visibility="Hidden" />
                                                <igDP:Field Name="PATNT_PASID" Label="PATNT_PASID" Visibility="Hidden" />
                                            </igDP:FieldLayout.Fields>
                                        </igDP:FieldLayout>
                                    </igDP:XamDataCarousel.FieldLayouts>
                                </igDP:XamDataCarousel>

And my path............

Path x:Key="SquarePath1" Data="M0.5,0.5 L804.5,0.5 L804.5,403.5 L0.5,403.5 z" Margin="39,20,156,88" Stretch="Fill" Stroke="#FFD8CDCD"/>

Parents

No Data

Reply

630

Chris posted over 14 years ago

<

igDP:XamDataCarousel x:Name="xamDataCarousel1"

Margin
="0,-10,150,75"

Theme="Water"

HorizontalAlignment="Stretch"

VerticalAlignment
="Stretch"

Width
="Auto"

Height
="Auto"

GroupByAreaLocation
="None">

<igDP:XamDataCarousel.FieldSettings
>

<igDP:FieldSettings AllowRecordFiltering="True" CellClickAction="SelectRecord" AllowEdit="False"
/>

</igDP:XamDataCarousel.FieldSettings
>

<igDP:XamDataCarousel.ViewSettings
>

<igWindows:
CarouselViewSettings

ItemPathStretch
="Uniform"

UseScaling="False"

IsListContinuous
="True"

ItemPath="{StaticResource SquarePath1
}"

ItemsPerPage="20"

UseOpacity
="True"

ItemPathPadding="0,0,0,0"

ItemSize
="125,75" >

</igWindows:CarouselViewSettings
>

</igDP:XamDataCarousel.ViewSettings
>

<igDP:XamDataCarousel.FieldLayoutSettings
>

<igDP:FieldLayoutSettings AutoGenerateFields="False"
/>

</igDP:XamDataCarousel.FieldLayoutSettings
>

<igDP:XamDataCarousel.FieldLayouts
>

<igDP:FieldLayout Key
="PATNT_PASID">

<igDP:FieldLayout.Fields
>

<igDP:Field Name="Brief" Label
="Brief" >

<igDP:Field.Settings
>

<igDP:FieldSettings CellMinWidth="50" CellWidth="50" CellHeight="20"
/>

</igDP:Field.Settings
>

</igDP:Field
>

<igDP:Field Name="Name" Label
="Name">

<igDP:Field.Settings
>

<igDP:FieldSettings CellMinWidth="50" CellWidth="50" CellHeight="20"
/>

</igDP:Field.Settings
>

</igDP:Field
>

<igDP:UnboundField Name="UserImage" Label
="UserImage">

<igDP:UnboundField.Settings
>

<igDP:FieldSettings CellMinWidth="20" CellWidth="20"

CellValuePresenterStyle="{StaticResource UserImage1
}" />

</igDP:UnboundField.Settings
>

</igDP:UnboundField
>

<igDP:Field Name="CareUnit" Label="CareUnit" Visibility="Hidden"
/>

<igDP:Field Name="PATNT_PASID" Label="PATNT_PASID" Visibility="Hidden"
/>

</igDP:FieldLayout.Fields
>

</igDP:FieldLayout
>

</igDP:XamDataCarousel.FieldLayouts
>

</igDP:XamDataCarousel
>
Cancel
Reply

Cancel

Children

69686

John Doe posted over 14 years ago in reply to Chris

Hello,
This is because of the prefix/suffix area. The area where the elements are transitioned is called the prefix/suffix area and its size is set to a default percentage (15%) of the whole path. Please note that the value can be between (0.0 and 0.4). If you want to reduce the size of the prefix/suffix area, you can use the ItemPathPrefixPercent and ItemPathSuffixPercent properties:

ItemPathPrefixPercent="0.05" ItemPathSuffixPercent="0.05"
Cancel
Reply

Cancel