Questions on UI for WPF Forum

1 answer

768 views

How to show window in telerik:RadNavigationView.Content

Dear Team,

how i can show/load Dashboard.xaml page in RadNavigationView.Content on click of Dashboard View Item

<telerik:RadNavigationView x:Name="navigationView"
                                   PaneHeader="RadNavigationView"
                                   SelectedIndex="0"
                                   DisplayMode="Expanded"
                                   AutoChangeDisplayMode="False">
            <telerik:RadNavigationView.Items>
                <telerik:RadNavigationViewItem Content="Dashbard" Icon="&#xe303;" IconTemplate="{StaticResource IconTemplate}"  Click="RadNavigationViewItem_Click" />
                <telerik:RadNavigationViewItem Content="a" Icon="&#xe301;" IconTemplate="{StaticResource IconTemplate}"  />
                <telerik:RadNavigationViewItem Content="B" Icon="&#xe132;" IconTemplate="{StaticResource IconTemplate}"  />
                <telerik:RadNavigationViewItem Content="c" Icon="&#xe906;" IconTemplate="{StaticResource IconTemplate}"  />
            </telerik:RadNavigationView.Items>
            <telerik:RadNavigationView.PaneFooter>
                <telerik:RadNavigationViewItem Content="About" Icon="&#xe401;" 
                                               IconTemplate="{StaticResource IconTemplate}" 
                                               CommandParameter="{Binding ElementName=navigationView}"  />
            </telerik:RadNavigationView.PaneFooter>
            <telerik:RadNavigationView.Content>
                <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                   
                </StackPanel>
            </telerik:RadNavigationView.Content>
        </telerik:RadNavigationView>

NavigationView (Hamburger Menu)

answered on 14 Feb 2022

1 answer

148 views

Change Horizontal Axis during runtime

Hello,

I have a cartesian chart with line series based on data like this for every chart point

public class ChartEntry
{
    public int Number;
    public DateTime TimeStamp;
    public double Value1;
    public double Value2;
}

My series use Value1/2 for ValueBinding and Number for CategoryBinding. Horizontal axis is of type CategoricalAxis.

I want to add a (toggle)button to switch the horizontal axis from Number to TimeStamp (and back) during runtime.

Means, that I have to change CategoryBinding of series to TimeStamp and horizontal axis to type DateTimeContinuousAxis.

At the moment I have no clue how to do that. Any ideas?

Thanks and regards

ChartView

answered on 14 Feb 2022

1 answer

159 views

RadPane disappear from dock when application theme is updated WPF

I am trying to update themes in a WPF application at run time. The application is using the no XAML dlls. The theme is being updated by replacing the resource dictionaries according to Theme change instructions.

When the resource dictionaries are replaced the theme updates for the entire application but all the tabs in the dock disappear. New tab can be added to the Items Observable collection and they will appear in the dock.

        <telerik:RadDocking x:Name="Dock" 
                            AllowDragReorder="True"
                            PanesSource="{Binding Items, UpdateSourceTrigger=PropertyChanged}"
                            CloseButtonPosition="InPane">
            <telerik:RadDocking.DockingPanesFactory >
                <telerik:DockingPanesFactory />
            </telerik:RadDocking.DockingPanesFactory>
        </telerik:RadDocking>

Docking

answered on 11 Feb 2022

2 answers

129 views

Reorder Items in Context Menu and Update GridView Ordering

Hello,

I need a way to Drag & Drop an Item from the Context Menu and then GridView Columns to reordered based on the Context Menu Items ordering. This is for a WPF application.

As I understood this is not supported, I am writing here in any case I just didn't find the solution.

Thank you !!

ContextMenu

GridView

answered on 10 Feb 2022

1 answer

197 views

RadGridView inside radexpander content

Hi,

I have a list of RadExpander, inside every Radexpander there is a Radgridview. When I expand, expander height grow over the size of window and a scroll bar appears in expander control itself.
I would like that expander doesn't grow over the window and the scroll bar appears in the gridview. I could achieve this behaviour setting maxheight in gridview, but I don't want to limit the height of grid.In first attachment the situation when maxheight is not set, in the second with maxheight set, I would achieve the second situation but without setting maxheight.

Thank you

Luigi

Below it is the xaml as appears in LiveVisualTree: I think that the real one it is too much complex to understand the situation quickly.

Expander

GridView

answered on 10 Feb 2022

0 answers

93 views

How to display RadCartesianCharts and WebBrowser controls on the same RadWindow

I've been struck with a dilemma. A certain RadWindow contains a RadTabControl, that has a Tab with RadCartesianCharts and a WebBrowser on it. I discovered that the web browser wasn't able to show when we changed all Windows into RadWindows, and the solution would be to use the RadWindowInteropHelper to set the transparency to false. This solved the WebBrowser's issue and now it displays, but suddenly the colored bars on the charts don't appear, so it seems the transparency was necessary for them. I'm not sure if there's a way for me to have both appear or if I'll need to make changes to how the application should work.

Chart

Window

asked on 09 Feb 2022

1 answer

110 views

Change GroupHeaderRow AggregateResults text

I have this working for properties of the GroupHeaderRow. How do I change the text of the header row?

Property="Header" Value = "{}{0} test" and Property="Content" Value = "{}{0} test" dont seems to do anything.

 public class GroupRowStyleSelector : StyleSelector
    {
        public override Style SelectStyle(object item, DependencyObject container)
        {
            var group = item as QueryableCollectionViewGroup;   
            if (group.count > 1)
            {               
                return BigGroupStyle;
            }
            else
            {
                return SmallGroupStyle;
            }
        }

        public Style BigGroupStyle { get; set; }
        public Style SmallGroupStyle { get; set; }     
    }

<Window.Resources>
        <local:GroupRowStyleSelector x:Key="GroupRowStyleSelector">
            <local:GroupRowStyleSelector.BigGroupStyle>
                <Style TargetType="telerik:GroupHeaderRow">
                     <Setter Property="Background" Value="Red" />
                </Style>
            </local:GroupRowStyleSelector.BigGroupStyle>
            <local:GroupRowStyleSelector.SmallGroupStyle>
                <Style TargetType="telerik:GroupHeaderRow">
                <Setter Property="Background" Value="Yellow" />
                </Style>
            </local:GroupRowStyleSelector.SmallGroupStyle>
        </local:GroupRowStyleSelector>
    </Window.Resources>

GridView

answered on 09 Feb 2022

2 answers

183 views

Pie chart: How to setting series label foreground color same as series color

Hi Telerik team,

I would like to have the foreground of the series labels same as the series color.

Below picture is the expected result:

Would you please help me how to obtain this?

Many thanks,

Minh Tuan.

Chart

ChartView

answered on 09 Feb 2022

0 answers

120 views

GridView RowStyleSelector - Based on data value same as previous row

I followed the instructions in this post to group based on data.

I modified the Github example AlternationRowStyleSelector I changed the Club.cs code slightly to create a more manageable dataset for this example.

I used reflection to inspect the data in a property on the model. For this example I looked at the data in the "Est." column. I want to change the style when the value changes.

Here is the modified code from AlternationRowStyle.cs

    public Style RowStyle { get; set; }
    public Style AltRowStyle { get; set; }
    public string PropertyName { get; set; }

    public override Style SelectStyle(object item, DependencyObject container)
    {
      var items = ((GridViewRow)container).GridViewDataControl.Items;

      Type t = item.GetType();
      PropertyInfo[] props = t.GetProperties();
      var currentItemValue = props.First(n => n.Name == PropertyName)?.GetValue(item, null);
      int currentItemIndex = items.IndexOf(item);
      if (currentItemIndex > 0)
      {
        var previousItem = items[currentItemIndex - 1];
        var previousItemValue = props.First(n => n.Name == PropertyName)?.GetValue(previousItem, null);
        if (currentItemValue.Equals(previousItemValue))
        {
          return RowStyle;
        }
        else
        {
          return AltRowStyle;
        }
      }

      return RowStyle;

Modified section of MainWindow.xaml

    <my:AlternationRowStyle x:Key="myRowStyle" PropertyName="Established" >
      <my:AlternationRowStyle.AltRowStyle>
        <Style TargetType="telerik:GridViewRow">
          <Setter Property="Background" Value="Gray"/>
        </Style>
      </my:AlternationRowStyle.AltRowStyle>
    </my:AlternationRowStyle>

As you can see the AltRowStyle is being activated when the value of a row is different from the one above it. This isn't quite what I want. I want to change styles when the value changes. Specifically the seventh line above should be white not gray. I tried a different approach where I used a boolean in the style selector and toggled it. This works as desired.

Modified StyleSelector SelectStyle method.

    public override Style SelectStyle(object item, DependencyObject container)
    {
      var items = ((GridViewRow)container).GridViewDataControl.Items;

      Type t = item.GetType();
      PropertyInfo[] props = t.GetProperties();
      var currentItemValue = props.First(n => n.Name == PropertyName)?.GetValue(item, null);
      int currentItemIndex = items.IndexOf(item);
      if (currentItemIndex > 0)
      {
        var previousItem = items[currentItemIndex - 1];
        var previousItemValue = props.First(n => n.Name == PropertyName)?.GetValue(previousItem, null);
        if (!currentItemValue.Equals(previousItemValue))
        {
          altRowToggle = !altRowToggle;
        }
      }

      return altRowToggle ? this.AltRowStyle : this.RowStyle;
    }

If you make the window smaller so that you have to scroll, then scroll up and down a couple times to force it to redraw the items and run the style selector, it can get off track.

I realize the scrolling behavior is caused by my using a boolean in an attempt to keep track of the style to use. When shrinking the grid, it re-evaluates the style selector based on the visible rows and determines which style to use but the toggle is in a state from the previous evaluation.

Is there a better way to achieve the desired result?

Thanks,

Chris

GridView

asked on 08 Feb 2022

1 answer

172 views

ListBoxDragDropBehavior: bug or error in the documentation?

Hello,

In the ListBoxDragDropBehavior documentation, it is said:
The ListBoxDragDropBehavior supports copying the dragged items if the Control key is pressed. For that purpose the CopyDraggedItems method should be overridden

But the behavior supports copying the dragged items without changing anything!

This is a problem because, in my case, I need to avoid the copying of the dragged items in all cases.
How can I do it?

DragAndDrop

ListBox

answered on 08 Feb 2022