Cannot make SfDataPager to fill whole screen width

[Bartlomiej Pater]

On screenshots in documentation the pager is neatly filling out the screen but I cannot reach the same effect in my code. This is my current setup:

             <dataPager:SfDataPager x:Name ="SfDataPager" 

                                          Grid.Row="0" 

                                          PageSize="{DynamicResource DocumentsPageCount}"

                                          NumericButtonCount="7"

                                          Source="{Binding DocumentsCollection}"

                                          OnDemandLoading="OnDemandPageLoading"

                                          HorizontalOptions="FillAndExpand"

                                          BackgroundColor="{StaticResource TpBlue}"

                                          PageIndexChanged="SfDataPagerOnPageIndexChanged"

                                          HeightRequest="50"

                                          /> 

What can I do to make it look like here: https://help.syncfusion.com/xamarin/sfdatagrid/paging ?

Regards,

Bartek

Attachment: Simulator_Screen_Shot__iPhone_Xʀ__20190809_at_11.51.52.png_e9719f71.zip

[Subburaj Pandian Veluchamy]

Hi Bartlomiej,  

  

Thank you for contacting Syncfusion support.

 

Based on the given code snippet, if the HorizontalOptions is set to FillAndExpand and if there is minimum number of page buttons (within the device screen) in the view the page buttons will layout from the start position of the device. Also, since there is no more buttons SfDataPager last/end button will not layout at the end of the screen.

 

In our documentation, we have more number of page button and so the pager has layout up to the device screen. You can set HorizontalOptions as CenterAndExpand so that SfDataPager will layout from the center. 

 

With less page buttons: 

 

With more page buttons: 

 

 

We have prepared a sample based on your requirement and you can download it from the below link. 

 

Sample link:https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGridSample-388726036 

We hope this helps. Please let us if you would require any further assistance. 

 

Regards,
Subburaj Pandian V  

[Bartlomiej Pater]

Hi,

I've tried your sample and cannot make it centered as you suggested. I've cut some of the data from view model to have only 2 pages and the pager is not centered. How can this be fixed? I've set 

HorizontalOptions="CenterAndExpand"

in SfDataPager but this did not help.

Attachment: Simulator_Screen_Shot__iPhone_Xʀ__20190813_at_14.14.43.png_c34d7fb7.zip

[Balasubramani Sundaram]

Hi Bartlomiej,  

 

Thank you for the update,  

 

Based on your provided details we have analyzed the issue, but we couldn’t able to replicate it and its working fine from our side. Also, we suspect that you're using the “OnDemandPaging” in your application. In that case, we don’t assign the source property and need to enable the “UseOnDemandPaging” as well set the page count in the application. Please let us know the version of syncfusion assembly and share the model and view model, so that it will be helpful for us to check on it and provide you the solution at the earliest. 

 

Please refer the following code snippet and sample. 

 

Code Snippet 

[Xaml] 

 

<Grid> 

    …. 

    <sfPager:SfDataPager x:Name="dataPager" 

                              OnDemandLoading="DataPager_OnDemandLoading" 

                              UseOnDemandPaging="True" 

                              NumericButtonCount="2" 

                              PageSize="10" 

                              PageCount="4" 

                              Grid.Row="0" 

                              HorizontalOptions="CenterAndExpand"/> 

    …… 

 

</Grid>      

 

[cs] 

private void DataPager_OnDemandLoading(object sender, Syncfusion.SfDataGrid.XForms.DataPager.OnDemandLoadingEventArgs e) 

{ 

    dataPager.LoadDynamicItems(e.StartIndex, viewModel.OrderInfoCollection.Skip(e.StartIndex).Take(e.PageSize)); 

} 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGridSample811193675 

 

 

 

 

Note: Issue has been checked with Xamarin. Forms 3.1 stable and Syncfusion SfDataGrid version of 17.2.0.40.  

  

Please check the above sample and revert to us if you still the same issue? If is not reproduced, please modify the sample based on your requirement and let us know with details. It will be helpful for us to check on it and provide you the solution.   

   

Regards,
Balasubramani Sundaram