SfDateTimeRangeNavigator Higher/Lower Labels

[Leigh]

Hi all,

Just wondering how I turn off the Higher and/or Lower labels for a Range Navigator. I can set properties of the label bar itself but haven't worked out to turn them off. At the moment my sample (Attached) shows the text 'LowerLable' at the bottom of the range navigator. I would like to have my interval label at the bottom and turn off the Higher label bar? is this possible?

Cheers, Leigh Curran

TestRangeNavigator_ee35b7b5.zip

[Sheik Syed Abthaheer M]

Hi Leigh,

 

Thanks for using Syncfusion products.

 

We have analyzed your query and it can be achieved by overriding the template of the RangeNavigator.  We have arranged RangeNavigator inside the RangeNavigatorPanel which consist of HigherLevelBar, Navigator Content, LowerLevel Bar and Scrollbar. To suppress any of these elements inside the RangeNavigatorPanel (here LowerLevelBar) then we need to set that element’s Height as “0” and the Visibility of the Canvas as “Collapsed” as shown in the given below code snippet

 

Code Snippet[Xaml]:

<chart:RangeNavigatorRowDefinition Height="0" Unit="Pixels" />

<Canvas x:Name="PART_LOWERBAR"

                                    Height="17"

                                    Background="Transparent"

                                    Visibility="Collapsed">

 

We have prepared the sample based on your requirement for “overriding RangeNavigator template”. Please download the sample from following location.

 

Please let us know if you have any queries.

 

Regards,

M. Sheik

TestRangeNavigator_2716a902.zip

[Leigh]

Worked perfect, thank you!

[Sheik Syed Abthaheer M]

Hi Leigh,

Please let us know if you need further assistance.

Regards,

M. Sheik

[Syed Najmuddin Asif]

Hi Leigh,

 

Thanks for using Syncfusion products.

 

We have analyzed your query and it can be achieved by overriding the template of the RangeNavigator.  We have arranged RangeNavigator inside the RangeNavigatorPanel which consist of HigherLevelBar, Navigator Content, LowerLevel Bar and Scrollbar. To suppress any of these elements inside the RangeNavigatorPanel (here LowerLevelBar) then we need to set that element’s Height as “0” and the Visibility of the Canvas as “Collapsed” as shown in the given below code snippet

 

Code Snippet[Xaml]:

<chart:RangeNavigatorRowDefinition Height="0" Unit="Pixels" />

<Canvas x:Name="PART_LOWERBAR"

                                    Height="17"

                                    Background="Transparent"

                                    Visibility="Collapsed">

 

We have prepared the sample based on your requirement for “overriding RangeNavigator template”. Please download the sample from following location.

 

Please let us know if you have any queries.

 

Regards,

M. Sheik

TestRangeNavigator_2716a902.zip

Hi Sheik,

I'm not able to download the file attached by you. Can you give me a proper link to download it?

Thanks,

Syed Asif

[Suresh S]

Hi Syed,​

 

Sorry for the inconvenience caused.

 

We have re-attached the sample, please download it from below link.

 

Sample: TestRangeNavigator.zip

 

Regards,

Suresh S