Questions on UI for WPF Forum

6 answers

1.4K+ views

[Solved] TreeViewItem Padding and Margin Issues

Hi all,

I have some padding and margin problems about treeview items. I wanted to mark it at my attachment image. I'm having trouble about the red and the yellow marked spaces. I tried many things but can not succeed.

Here is my treview :

01.<telerik:RadTreeView x:Name="radTreeView"

02. IsTriStateMode="True"

03. ItemsSource="{Binding SomeSource, Mode=TwoWay}"

04. IsOptionElementsEnabled="True" >

05.

06. <telerik:RadTreeView.ItemContainerStyle>

07. <Style TargetType="telerik:RadTreeViewItem">

08. <Setter Property="telerik:RadTreeViewItem.IsExpanded" Value="True"/>

09. <Setter Property="telerik:RadTreeViewItem.IsChecked" Value="True"/>

10. </Style>

11. </telerik:RadTreeView.ItemContainerStyle>

12.

13. <telerik:RadTreeView.ItemTemplate>

14. <HierarchicalDataTemplate ItemsSource="{Binding Path=Siblings, Mode=TwoWay}">

15. <telerik:RadTreeViewItem x:Name="treeViewItem"

16. Header="{Binding Header}" DataContext="{Binding .}"/>

17. </HierarchicalDataTemplate>

18. </telerik:RadTreeView.ItemTemplate>

19.

20.</telerik:RadTreeView>

Here is my custom styles :

01.<Style TargetType="telerik:RadTreeView"

02. BasedOn="{StaticResource RadTreeViewStyle}">

03. <Setter Property="BorderThickness" Value="5"/>

04. <Setter Property="IsLineEnabled" Value="False" />

05. <Setter Property="telerik:StyleManager.Theme" Value="Office2016" />

06.</Style>

07.

08.<Style TargetType="telerik:RadTreeViewItem"

09. BasedOn="{StaticResource RadTreeViewItemStyle}">

10. <Setter Property="HorizontalAlignment" Value="Left" />

11. <Setter Property="HorizontalContentAlignment" Value="Left" />

12. <Setter Property="MinHeight" Value="8" />

13.</Style>

Thank you in advance.

TreeView

answered on 18 Apr 2018

3 answers

176 views

Xamarin support for WPF components

Hi please let the community know the official status of Telerik support rad WPF components or otherwise in the latest Xamarin environment. It would be incredible to develop once with radcontrols, then deploy the same UX to android, windows, and iOS. Thanks Mark

General Discussions

answered on 18 Apr 2018

3 answers

281 views

[Solved] Radial gauge background stretch problem

I have a half-circle radial gauge that is contained in a panel. The problem is that when the panel is resized, the gauge background and the gauge scale stretch independently, giving odd visual results. See the two attached images. I have tried setting a variety of gauge properties, but cannot get a result where the two resize with the same aspect ratio.

Thanks for any help on this.
Dan

Gauges

answered on 17 Apr 2018

1 answer

76 views

Handle GridViewDynamicHyperlinkColumn Error

Dear,

I'm using RadGrid to display a filename and a filepath.

Everything work fine (capture.PNG) when i click on the filename. The document open, but when i change the file name or i delete the file on my desktop, my program crash...

How can i handle this error?

Regards,

GridViewDataColumn cFullCompanyName = new GridViewDataColumn();
GridViewDataColumn cFileName = new GridViewDataColumn();
GridViewDynamicHyperlinkColumn cFilePath = new GridViewDynamicHyperlinkColumn();

cFullCompanyName.DataMemberBinding = new Binding("FullCompanyName");
cFileName.DataMemberBinding = new Binding("FileName");
cFilePath.DataMemberBinding = new Binding("FilePath");

cFilePath.NavigateUrlMemberPaths = "FilePath";

documentPage.gvDocument.Columns.Add(cFullCompanyName);
documentPage.gvDocument.Columns.Add(cFileName);
documentPage.gvDocument.Columns.Add(cFilePath);

GridView

answered on 17 Apr 2018

1 answer

147 views

Drop down list for predefined RowGroup, ColumnGroup and Aggregate Descriptions

Hi,

I want to add a drop down list with predefined RowGroup, ColumnGroup and Aggregate Descriptions to ease switching between different data arrangements via RadPivotFieldList.

I tried to check if I can add such descriptions to the filter list example, but I couldn't find the proper namespace for FiltersCollection and FilterItem in my application. Thus they're giving "type not found" errors. In the example they are defined as below.

...
xmlns:local="clr-namespace:Telerik.Windows.Examples.PivotGrid.Common.Filtering"

...

<local:FiltersCollection x:Key="Filters">
<local:FilterItem DisplayName="<none>" />
<local:FilterItem DisplayName="The name is in the list: 'Copy holder', 'Glare filter'.">
<local:FilterItem.GroupFilter>
<pivot:LabelGroupFilter>

...

PivotGrid

answered on 16 Apr 2018

0 answers

171 views

filter radgridview with different values

<telerik:RadGridView Name="rgvExplorador"

GridLinesVisibility="Both"

GroupPanelBackground="LightGray"

GroupPanelForeground="Black"

ShowSearchPanel="True"

ShowGroupPanel="False"

d:LayoutOverrides="Height"

Grid.Row="1"

FontSize="10.667"

CanUserResizeColumns="False"

CanUserFreezeColumns="False"

AutoGenerateColumns="False"

SelectionMode="Single"

ItemsSource="{Binding}"

RowIndicatorVisibility="Collapsed" >

<telerik:RadGridView.GroupDescriptors>

<telerik:GroupDescriptor Member="areaTexto" SortDirection="Ascending" />

<telerik:GroupDescriptor Member="clasificacionTexto" SortDirection="Ascending" />

</telerik:RadGridView.GroupDescriptors>

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Área" DataMemberBinding="{Binding areaTexto}" Width="70" IsReadOnly="True" IsGroupable="True" IsVisible="False"/>

<telerik:GridViewDataColumn Header="Clasificación" DataMemberBinding="{Binding clasificacionTexto}" Width="140" IsReadOnly="True" IsGroupable="True" IsVisible="False"/>

<telerik:GridViewDataColumn Header="Título" DataMemberBinding="{Binding descripcion}" IsReadOnly="True" TextWrapping="Wrap" Width="300">

<telerik:GridViewColumn.ToolTipTemplate>

<DataTemplate>

<StackPanel Orientation="Vertical" Width="300" MinHeight="80" Background="White">

<TextBlock Text="Descripción:" FontWeight="Bold"/>

<TextBlock Text="{Binding Objetivo}" TextWrapping="Wrap"/>

</StackPanel>

</DataTemplate>

</telerik:GridViewColumn.ToolTipTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="Nº" DataMemberBinding="{Binding IdAlerta}" IsReadOnly="True" Width="auto" IsGroupable="True"/>

<telerik:GridViewDataColumn x:Name="colHV" Header="Info dimensional" DataMemberBinding="{Binding HvInfoDesc}" IsReadOnly="True" />

<telerik:GridViewDataColumn x:Name="colPatron" Header="Patrón" DataMemberBinding="{Binding HF_Referencia}" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="Período" DataMemberBinding="{Binding FechaDatos}" DataFormatString="{}{0:MMM/yyyy}" Width="70" IsReadOnly="True"/>

<telerik:GridViewDataColumn Header="Entidad" DataMemberBinding="{Binding Entidad}" IsReadOnly="True" Width="70" />

<telerik:GridViewDataColumn IsReadOnly="True" Width="30" DataMemberBinding="{Binding EsAlerta}" IsGroupable="True" ShowDistinctFilters="True" >

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate>

<Image>

<Image.Style>

<Style TargetType="{x:Type Image}">

<Setter Property="Source" Value="/Mercvrio.Style;component/Images/Blank.png" />

<Style.Triggers>

<DataTrigger Value="1" Binding="{Binding EsAlerta}">

<Setter Property="Source" Value="/Mercvrio.Style;component/Images/WarningRed.png"/>

</DataTrigger>

<DataTrigger Value="1" Binding="{Binding AlertaPositiva}">

<Setter Property="Source" Value="/Mercvrio.Style;component/Images/Warning.png"/>

</DataTrigger>

<DataTrigger Value="0" Binding="{Binding EsAlerta}">

<Setter Property="Source" Value="/Mercvrio.Style;component/Images/Blank.png"/>

</DataTrigger>

</Style.Triggers>

</Style>

</Image.Style>

</Image>

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

I have this radgridview. In the alert column the filter values takes out a 0 or a 1, which is the data boolean that is collected from the database.

How could I change 0 for no alert and 1 for alert?

Thank you very much

GridView

asked on 16 Apr 2018

3 answers

157 views

[Solved] Multiple Custom TickProvider in TimelineViewDefinition

Hello,

I have used the SDK Samples browser example MonthTickProvider and obtained the CustomMonthTickProvider class to display the Month names in the GroupTickLength. On similar lines, I have managed to create Weekly tick provider that displays the Week Number and Quarter tick provider that displays the Quarter of the year. These providers alone work fine when put as GroupTickLegth.

However, I have to display Week tick provider in the MajorTickLength along with Month in GroupTickLength. The user can also switch between having Month in MajorTickLength and Quarter in GroupTickLength.

I tried the change the SDK Browser example itself and I am facing must be non-negative.

The following code block is what I am trying to achieve:

<telerik:RadScheduleView AppointmentsSource="{Binding Appointments, Source={StaticResource ViewModel}}">

<telerik:RadScheduleView.ViewDefinitions>

<telerik:TimelineViewDefinition VisibleDays="365"

MinTimeRulerExtent="8000">

<telerik:TimelineViewDefinition.GroupTickLength>

<example:CustomMonthTickProvider />

</telerik:TimelineViewDefinition.GroupTickLength>

<telerik:TimelineViewDefinition.MajorTickLength>

<example:WeeklyTickProvider />

</telerik:TimelineViewDefinition.MajorTickLength>

</telerik:TimelineViewDefinition>

</telerik:RadScheduleView.ViewDefinitions>

</telerik:RadScheduleView>

If we replace the MajorTickLength with the same provider as in GroupTickLength, then there is no exception raised.

Here are my Week and Quarter provider classes

public class WeeklyTickProvider : ITickProvider

{

public string GetFormatString(IFormatProvider formatInfo, string formatString, DateTime currentStart)

{

var weekNumber = GetWeekNumber(formatInfo as CultureInfo, currentStart);

return string.Format(formatInfo, "Week {0}", weekNumber);

}

private static int GetWeekNumber(CultureInfo formatInfo, DateTime currentStart)

{

var cultureInfo = formatInfo as CultureInfo;

if (cultureInfo != null)

{

return cultureInfo.Calendar.GetWeekOfYear(currentStart, cultureInfo.DateTimeFormat.CalendarWeekRule, cultureInfo.DateTimeFormat.FirstDayOfWeek);

}

return 0;

}

public DateTime GetNextStart(TimeSpan pixelLength, DateTime currentStart)

{

var currentDate = currentStart.Date;

var weekStart = CalendarHelper.GetFirstDayOfWeek(currentStart, DayOfWeek.Monday);

if (weekStart == currentDate)

{

return weekStart.AddDays(7);

}

return weekStart;

}

public class QuarterTickProvider : ITickProvider

{

public string GetFormatString(IFormatProvider formatInfo, string formatString, DateTime currentStart)

{

if (currentStart.Month >= 10)

{

return "Quarter 4";

}

else if (currentStart.Month >= 7)

{

return "Quarter 3";

}

else if (currentStart.Month >= 4)

{

return "Quarter 2";

}

else if (currentStart.Month >= 1)

{

return "Quarter 1";

}

return string.Empty;

}

public DateTime GetNextStart(TimeSpan pixelLength, DateTime currentStart)

{

if (currentStart.Month >= 10)

{

return new DateTime(currentStart.Year + 1, 1, 1);

}

else if (currentStart.Month >= 7)

{

return new DateTime(currentStart.Year, 10, 1);

}

else if (currentStart.Month >= 4)

{

return new DateTime(currentStart.Year, 7, 1);

}

else if (currentStart.Month >= 1)

{

return new DateTime(currentStart.Year, 4, 1);

}

return DateTime.Today;

}

Another thing I noticed is that in the above , if I set GroupTick as month and MinorTick as , then there is no exception raised, But the desired output is not achieved.

Is there any way I could provide both GroupTickLength and MajorTickLength as my own custom tick providers. I have spent a lot of time to find a way but did not achieve the desired result.

ScheduleView

answered on 16 Apr 2018

3 answers

474 views

How to make time slots smaller

Hello,

ScheduleView is great. Congratulations.
I have one small question. Is it possible to make the time slots smaller (to stretch to the height of the screen or a fixed width). Now, even if I have a lot of space on screen the scheduler has a vertical scrollbar. I prefer to see all my appointments on screen without scrolling vertically, even if the time slots are smaller. Later if I want to see them bigger, I'll use the zoom feature.

I saw that setting both MinTimeRulerExtent and MaxTimeRulerExtent on dayviewdefinition makes the time slots smaller, but I don't understand their meaning. Where can I find an example of using these extents or there is another way to do it?

Thanks

ScheduleView

answered on 16 Apr 2018

32 answers

563 views

How can I zoom from years to minutes?

Hello everyone! I need zoom from years to months, months to days, days to hours, hours to minutes. But with this XAML snippet:

<telerik:RadTimeline PeriodStart="01/01/2010"

PeriodEnd="01/01/2015"

StartPath="Date"

DurationPath="Duration">

<telerik:RadTimeline.Intervals>

<telerik:YearInterval/>

<telerik:MonthInterval/>

<telerik:DayInterval />

<telerik:HourInterval/>

<telerik:MinuteInterval/>

</telerik:RadTimeline.Intervals>

</telerik:RadTimeline>

I can't see hours and minutes. Maximum zoom is day. How can I do that, if my maximum period will be 5 years?

Sorry for my poor English. I'm from Russia...

TimeLine

answered on 15 Apr 2018

1 answer

152 views

RadCartesianChart not plotting zero

We are using the RadCartesianChart in our WPF project. We are experiencing an issue where the chart does not show zero. Our range of numbers goes from 0 to 22,000 and back down to 0 but always ends with a zero. The chart will plot the data correctly, but when the last value is a single zero, it will not end at zero. It does not always do this, but enough that it is causing a problem for our end users who need to see that zero plot point. As a work around, we are adding zeros to the data set and that will resolve the problem.

As an example, if our values being plotted looks like this:

0,100,1000,2000,5000,12000,15000,15000,15000,15000,15000,15000,15000,7000,2500,0

The charts does not drop all the way down to zero. But if we add zeros to the end of the dataset, like this....

0,100,1000,2000,5000,12000,15000,15000,15000,15000,15000,15000,15000,7000,2500,0,0,0

....the chart line will drop down to zero.

Is there a way to make the chart reflect the true values - or at least "snap" to the beginning and end values?

Thank you for your help!

ChartView

answered on 15 Apr 2018