Questions on UI for WPF Forum

3 answers

182 views

Drag and drop between controls on separate tiles

I'm attempting to implement dragging and dropping between controls on two different tiles. It seems that I need to override the default tile reordering behavior, but only when the drag event source is not a Tile (such as when dragging a control inside a tile's contents to another tile). Specifically, I'm trying to drag from a RadGridView inside a Tile to another Tile.

Is this something that is feasible?

I appreciate any advice,

Thanks

TileList

answered on 07 Jun 2016

2 answers

223 views

Timeline View - Set First Date

Hi,

Is it possible to use the timeline layout for 7 days but setting the first date shown to be the first day of the week. If I switch from Day view to Timeline view, the first day shown in the Timeline is always the day you were looking at in Day View whereas I would like it to be the first day of that week - Monday.

I would use Week View but when I put it into Horizontal orientation to try and emulate the Timeline layout, the date part of the TimeRuler sits on the Y axis (along with each Resource) and this stretches out each Resource bigger than I would like - ideally I want the dates to stay with the times on the TimeRuler.

Thanks.

ScheduleView

answered on 07 Jun 2016

4 answers

63 views

enlarge\decrease RadPanes that under the same radPaneGroup

*I am using telerik:RadSplitContainer to wrap one paneGroup (and will holds more panes)

The first Radpane is starting with the app, the second is floating RadPane that i am docked to the first RadPaneGroup and i want to change his size)

The scenario:

1. Appliction start with one RadPane

My start code:
<telerik:RadDocking x:Name="dockEngineering"
   <telerik:RadDocking.DocumentHost>
       <telerik:RadSplitContainer x:Name="MiddleContainer">
             <telerik:RadPaneGroup x:Name="myPaneGroup">
              <telerik:RadPane Header="1" >
                      <user control/>
                </telerik:RadPane>
          </telerik:RadPaneGroup>
        </telerik:RadSplitContainer>
    </telerik:RadDocking.DocumentHost>
</telerik:RadDocking>

2.Double click on a button open a floating RadPane (create from code)

3. I Docked the floating RadPane to the existing radPaneGroup (myPaneGroup)

Code for step 2 and 3:

creating RadPane from code and add it to the myPaneGroup :

myRadpane = new MyRadPane(myPaneGroup) //MyRadPane is RadPane user control
myPaneGroup.Items(myRadpane ) //add the radpane to specific PaneGroup
makeFloatingDockable() //make it float

4. now in my application I have 2 panes (under the same RadPaneGroup ) side by side (looks ok in the UI)

*************************The problem**************

I want to enlarge\decrease the size of one of them - how can i do it?

Thanks

Docking

answered on 07 Jun 2016

1 answer

199 views

RadButton mouse event doesn't work

<telerik:RadButton x:Name="button" Width="48" Height="40" BorderThickness="0" Foreground="{x:Null}" MouseLeftButtonDown="button_MouseLeftButtonDown" MouseLeftButtonUp="button_MouseLeftButtonUp" MouseUp="button_MouseUp" MouseDown="button_MouseDown">

RadButton mouse event doesn't work.

Expander

answered on 07 Jun 2016

1 answer

149 views

Problem with IsExpandedBinding after reload data

Dear team,

I've a problem with IsExpandedBinding on refreshing data. It's a user experience problem:

When I reload data the control first collapse all nodes and then it expands expanded nodes. This expand status change is very fast but visible and not very nice.

I don't know if TreeListView works like this, if is a problem of my code or if exist some way of avoid this behavior. I would find a way of refresh control after set the expand status of all nodes.

This is the header of my control:

<telerik:RadTreeListView
IsExpandedBinding="{Binding IsExpanded, Mode=TwoWay}"
AutoGenerateColumns="False"
IsDragDropEnabled="True"
IsReadOnly="False"
ItemsSource="{Binding PivotedItems}"
SelectedItem="{Binding CurrentPivotedItem, Mode=TwoWay}">

Thank you in advance!

TreeListView

answered on 07 Jun 2016

1 answer

277 views

Slider with multiple ranges

Dear team,

I need to create an slider with multiple ranges. It means that I need a minimum of 4 thumbs and I don't know if this behavior is possible with RadSlider.

Telerik's slider webpage annouces that "Single or Multiple Thumbs Support". Multiple means 2? or more than 2?

Thanks in advance.

Slider

answered on 07 Jun 2016

13 answers

561 views

Programmatically aded items are not visible in RadTreeView.

Hi. I write WPF MVVM Prism 6 modular application where I try to use RadTreeView. I add items to RadTreeView through ObservableCollection (to which RadTreeView is bound) using the "Add" method of the collection. I begin to add items to root item of the tree. After completion of code of adding of a child item to tree root item the "+" appears on the left of this root item. When I click on this "+" by the mouse it turns into "-" but added item is not visible in the RadTreeView. Below is the complete code of the class representing the type of element added (as child) to the tree root item:

public class Group : ProfileElementType, IEditableObject

{

/// <summary>

/// Device profile elements group structure.

/// </summary>

struct GroupData

{

/// <summary>

/// Group name (for example, "RealtimeClock).

/// </summary>

internal string name;

/// <summary>

/// Brief description

/// </summary>

internal string description;

/// <summary>

/// Child elements collection.

/// </summary>

internal ObservableCollection<ProfileElementType> _childProfileElenents;

}

#region Fields

/// <summary>

/// Group data after their changing.

/// </summary>

private GroupData _newGroupData;

/// <summary>

/// Old data buffer.

/// </summary>

private GroupData _backupGroupData;

/// <summary>

/// Edit mode flag.

/// </summary>

private bool _isEditMode = false;

#endregion

#region Constructor

/// <summary>

/// Creates instance of Group.

/// </summary>

public Group()

{

this.ElementType = this.GetType();

this.ElementTypeName = this.ElementType.Name;

this._newGroupData = new GroupData();

this._newGroupData.name = string.Empty;

this._newGroupData.description = string.Empty;

this.ChildProfileElenents = new ObservableCollection<ProfileElementType>();

}

#endregion

#region Properties

/// <summary>

/// Gets or sets group name.

/// </summary>

[Display(Description = "The name of the group."]

public string Name

{

get { return this._newGroupData.name; }

set { this._newGroupData.name = value; }

}

/// <summary>

/// Brief description of the group.

/// </summary>

[Display(Description = "Brief description of group."]

public string Description

{

get { return this._newGroupData.description; }

set { this._newGroupData.description = value; }

}

/// <summary>

/// Group child elements collection.

/// </summary>

[Browsable(false)]

public ObservableCollection<ProfileElementType> ChildProfileElenents { get; set; }

#endregion

#region Methods

/// <summary>

/// String representation of instance of Group.

/// </summary>

/// <returns></returns>

public override string ToString()

{

StringWriter stringWriter = new StringWriter();

stringWriter.Write(this.ElementTypeName);

stringWriter.Write(": ");

stringWriter.Write(this.Name);

stringWriter.Write(" ");

stringWriter.Write(this.Description);

return stringWriter.ToString();

}

#endregion

#region IEditableObject implementation

/// <summary>

/// Begins to edit.

/// </summary>

public void BeginEdit()

{

if(!this._isEditMode)

{

this._backupGroupData = this._newGroupData;

this._isEditMode = true;

}

/// <summary>

/// Cancels edit results.

/// </summary>

public void CancelEdit()

{

if (this._isEditMode)

{

this._newGroupData = this._backupGroupData;

this._isEditMode = false;

}

/// <summary>

/// Accepts edit results.

/// </summary>

public void EndEdit()

{

if (this._isEditMode)

{

this._backupGroupData = new GroupData();

this._isEditMode = false;

}

#endregion

}

Below isProfileElementType base class. It is base for both Gruop and Register classes.

public class ProfileElementType : IProfileElementType

{

#region Fields

/// <summary>

/// Profile element type - Register or Group (група).

/// </summary>

private Type _elementType;

/// <summary>

/// Profile element type name - "Register" or "Group".

/// </summary>

private string _elementTypeName;

#endregion

#region Properties

/// <summary>

/// Gets or sets profile element type name string - "Register" or "Group".

/// </summary>

[Browsable(false)]

public string ElementTypeName

{

get { return this._elementTypeName; }

set { this._elementTypeName = value; }

}

#endregion

#region IProfileElementType implementation

/// <summary>

/// Gets or sets profile element type - Register or Group.

/// </summary>

[Browsable(false)]

public Type ElementType

{

get { return this._elementType; }

set { this._elementType = value; }

}

#endregion

}

Below is definition of instance of group (root item element) in view model:

/// <summary>

/// The tree root element. Its child elements collection is for organization of the device profile tree.

/// </summary>

private Group _profileTreeRoot;

public Group ProfileTreeRoot

{

get { return this._profileTreeRoot; }

set { this.SetProperty(ref this._profileTreeRoot, value); }

}

// This code in view model constructor:

this.ProfileTreeRoot = new Group();

In my application I have two classes of tree nodes: "Group" and "Register". I won't show Register class definition (because I'm experimenting with Group class now) but ItemStyleSelector class is below:

public class ItemStyleSelector : StyleSelector

{

public override Style SelectStyle(object item, DependencyObject container)

{

if (item is Group)

return this.GroupStyle;

else if (item is Register)

return this.RegisterStyle;

return null;

}

public Style GroupStyle { get; set; }

public Style RegisterStyle { get; set; }

}

Below is XAML of view in wich RadTreView is located (this XAML is shortened here in the post):

<Grid.Resources>

<Style x:Key="GroupItemStyle" TargetType="telerik:RadTreeViewItem">

<Setter Property="Foreground" Value="Black" />

<Setter Property="FontStyle" Value="Normal" />

<Setter Property="FontWeight" Value="Normal"/>

<Setter Property="DefaultImageSrc" Value="/Images/Group.png" />

<Style.Triggers>

<Trigger Property="IsExpanded" Value="True">

<Trigger.Setters>

<Setter Property="Foreground" Value="ForestGreen" />

<Setter Property="FontStyle" Value="Italic" />

<Setter Property="FontWeight" Value="SemiBold"/>

</Trigger.Setters>

</Trigger>

</Style.Triggers>

</Style>

<Style x:Key="RegisterItemStyle" TargetType="telerik:RadTreeViewItem">

<Setter Property="Foreground" Value="Black" />

<Setter Property="FontStyle" Value="Normal" />

<Setter Property="DefaultImageSrc" Value="/Images/File.png" />

</Style>

<HierarchicalDataTemplate DataType="{x:Type model:Group}" ItemsSource="{Binding ChildProfileElenents}">

<TextBlock Text="{Binding Name}" />

</HierarchicalDataTemplate>

<DataTemplate DataType="{x:Type model:Register}">

<TextBlock Text="{Binding Name}" />

</DataTemplate>

<local:ItemStyleSelector x:Key="ItemStyleSelector"

GroupStyle="{StaticResource GroupItemStyle}"

RegisterStyle="{StaticResource RegisterItemStyle}"/>

</Grid.Resources>

<telerik:RadTreeView x:Name="DeviceProfileTree" Grid.Row="1" Grid.Column="0">

<telerik:RadTreeViewItem Header="{Binding RootHeader}"

ItemContainerStyleSelector="{StaticResource ItemStyleSelector}"

ItemsSource="{Binding ProfileTreeRoot.ChildProfileElenents}"/>

<telerik:EventToCommandBehavior.EventBindings>

<telerik:EventBinding

Command="{Binding HandleProfileElementSelectionCommand}"

EventName="Selected"

PassEventArgsToCommand="True"/>

</telerik:EventToCommandBehavior.EventBindings>

</telerik:RadTreeView>

Below is RootHeader definition in the view model:

private string _rootHeader;

public string RootHeader

{

get { return this._rootHeader; }

set { this.SetProperty(ref this._rootHeader, value); }

}

// This code in the view model constructor:

this.RootHeader = "Flow Meter";

Below is HandleProfileElementSelectionCommand command method (though here it does not matter as it seems to me):

private void handleProfileElementSelection(object parameter)

{

if (!this._isProfileElementSelected)

this._isProfileElementSelected = true;

RadRoutedEventArgs args = parameter as RadRoutedEventArgs;

if ((args.Source as RadTreeViewItem).IsRootItem)

this._isRootItemSelected = true;

else

{

if (this._isRootItemSelected)

this._isRootItemSelected = false;

}

Below is command method for adding of new group:

private void addNewGroup(object parameter)

{

// If parent element was selected in the RadTreeView:

if (this._isProfileElementSelected)

{

// Set property (to which RadPropertyGrid is bound in view) to new Group.

this.ProfileElement = new Group();

this._isAddNewItem = true;

}

Below is ProfileElement definition in the view model:

/// <summary>

/// Device profile element. Can be as Group or as Register that are inherited from it.

/// </summary>

private ProfileElementType _profileElement;

public ProfileElementType ProfileElement

{

get { return this._profileElement; }

set { this.SetProperty(ref this._profileElement, value); }

}

Below is command method for saving added Group instance in the RadTreeView:

private void saveChanges(object parameter)

{

// If new profile element is added to the device profile tree.

if(this._isAddNewItem)

{

// If this element is added as the child of the tree root element.

if (this._isRootItemSelected)

{

if (this.ProfileElement.ElementTypeName == "Group")

this.ProfileTreeRoot.ChildProfileElenents.Add(this.ProfileElement as Group);

else

this.ProfileTreeRoot.ChildProfileElenents.Add(this.ProfileElement as Register);

}

else

{

// Add to selected group inside root element (not implemented now)

}

this._isAddNewItem = false;

}

else

{

// Save changes for existed selected device profile element (not implemented now).

}

As you can see adding to RadTreeView performs via ObservableCollection to which root node of RadTreeView is bound. Why added child element is not visible? Please help me to eliminate this error. In attach files there are solution structure (in Snapshot_10.png file), RadTreeView in collapsed status after adding the element (in Collapsed_Tree.png file) and RadTreeView in unwrapped status (in Unwrapped_Tree.png file). I hope for your help very much.

TreeView

answered on 07 Jun 2016

5 answers

619 views

RadTreeView Sorting for Windows WPF

Hi,

I'm using *Telerik UI for WPF with C#*

I need to be able to sort the top node list of my RadTreeView alphabetically - that's it !

So the user clicks on the header row "Project" and it sorts ASC, click again and it toggles to DESC.

All the examples I've come across are for other Telerik platforms (web or winforms etc.).

My TreeView:

<telerik:RadTreeView x:Name="ProjectsTreeView" Grid.Row="1"
telerik:PersistenceManager.StorageId="THOR_ProjectTree"
ItemsSource="{Binding ProjectData}"
ItemTemplate="{StaticResource Project}"
BorderBrush="Gray"
ItemsIndent="0"
SelectionMode="Single"
SelectedItem="{Binding SelectedTreeViewItem, Mode=TwoWay}"
ItemContainerStyle="{StaticResource ItemContainerStyle}"
ItemClick="ProjetsTreeView_ItemClick"
BorderThickness="1"/>

Please advise (C#),

Barry

TreeView

answered on 06 Jun 2016

1 answer

60 views

telerik:RadDocking group re-ordering

Hi,

I am having 5 RadGroup inside RadSplitContainer in my View and data binding is happening through using PRISM and MVVM.

When the RadGroup is getting pinned and unpinned, that particular RadGroup is moving to last in the sequence.

I don't want this behavior. I want the group show in the same sequence as it is declared in XAML.

Please suggest how I Can achieved this behavior.

--

Thanks & Regrads

Manoj

Docking

answered on 06 Jun 2016

1 answer

569 views

On Application Launch : Initialization of 'Telerik.Windows.Controls.RadProgressBar' threw an exception

Hi Team,

Doing hard reboot of the machine (power off by holding the power button and then pwer on again) where our App is running.

Launching the app again after hard reboot is failing with following exception:

Initialization of 'Telerik.Windows.Controls.RadProgressBar' threw an exception.

Exception Source: PresentationFramework

Exception Message: Initialization of 'Telerik.Windows.Controls.RadProgressBar' threw an exception.

Exception StackTrace:

at System.Windows.Markup.WpfXamlLoader.Load(XamlReader xamlReader, IXamlObjectWriterFactory writerFactory, Boolean skipJournaledProperties, Object rootObject, XamlObjectWriterSettings settings, Uri baseUri)

at System.Windows.Markup.WpfXamlLoader.LoadBaml(XamlReader xamlReader, Boolean skipJournaledProperties, Object rootObject, XamlAccessLevel accessLevel, Uri baseUri)

at System.Windows.Markup.XamlReader.LoadBaml(Stream stream, ParserContext parserContext, Object parent, Boolean closeStream)

at System.Windows.Application.LoadComponent(Object component, Uri resourceLocator)

at DomainManagerGUI.DomainGUI..ctor()

at DomainManagerGUI.App.DoLogin(Boolean bIsRedundancyRelogin, Boolean bEvent)

Inner Exception:

----->>>>>

Exception Source: System.Configuration

Exception Message: Configuration system failed to initialize

Exception StackTrace:

at System.Configuration.ConfigurationManager.PrepareConfigSystem()

at System.Configuration.ConfigurationManager.get_AppSettings()

at Telerik.Windows.Controls.ThemeResourceKey.get_ApplicationTheme()

at Telerik.Windows.Controls.StyleManager.SetDefaultStyleKey(Control control, Type controlType)

at MS.Internal.Xaml.Runtime.ClrObjectRuntime.InitializationGuard(XamlType xamlType, Object obj, Boolean begin)

Inner Exception:

----->>>>>

Exception Source: System.Configuration

Exception Message: Root element is missing (C:\Users\Administrator\AppData\Local\Harmonic,_Inc.\Harmonic.GUI.DomainManage_StrongName_ixapsog5lcwreuscruvj3lgrgpth3ywq\1.0.0.0\user.config)

Exception StackTrace:

at System.Configuration.ConfigurationSchemaErrors.ThrowIfErrors(Boolean ignoreLocal)

at System.Configuration.BaseConfigurationRecord.ThrowIfParseErrors(ConfigurationSchemaErrors schemaErrors)

at System.Configuration.ClientConfigurationSystem.OnConfigRemoved(Object sender, InternalConfigEventArgs e)

Inner Exception:

----->>>>>

Exception Source: System.Xml

Exception Message: Root element is missing.

Exception StackTrace:

at System.Xml.XmlTextReaderImpl.ThrowWithoutLineInfo(String res)

at System.Xml.XmlTextReaderImpl.ParseDocumentContent()

at System.Configuration.XmlUtil..ctor(Stream stream, String name, Boolean readToFirstElement, ConfigurationSchemaErrors schemaErrors)