Questions on UI for WPF Forum

1 answer

151 views

Hi all,

I took the style out of blend of the GridViewCheckbox component, but can't seem to find to change this:

I would like to remove the highlight yellow collor. I'm changing my application to another color, but only this yellow highlight color i cant find how to.

This is the code:

<Style TargetType="{x:Type telerik:GridViewCheckBox}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:GridViewCheckBox}">
<Grid HorizontalAlignment="Left" Height="13" VerticalAlignment="Center" Width="13">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CheckStates">
<VisualState x:Name="Checked">
<Storyboard>
<ObjectAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CheckedPath">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Unchecked"/>
<VisualState x:Name="Indeterminate">
<Storyboard>
<ObjectAnimationUsingKeyFrames BeginTime="0" Duration="0" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="IndeterminatePath">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border BorderBrush="#FF989898" BorderThickness="1">
<Border BorderBrush="#FFEEEEEE" BorderThickness="1">
<Border BorderBrush="#FFB9B9B9" BorderThickness="1" Background="#FFE0E0E0">
<Grid Margin="0">
<Path x:Name="IndeterminatePath" Data="M14.708333,144.5L20.667,144.5" HorizontalAlignment="Center" Height="7" Margin="0" Stretch="Fill" Stroke="#FF8D8D8D" StrokeThickness="1.5" Visibility="Collapsed" VerticalAlignment="Center" Width="7"/>
<Path x:Name="CheckedPath" Data="M32.376187,77.162509L35.056467,80.095277 40.075451,70.02144" HorizontalAlignment="Center" Margin="0" Stretch="Fill" Stroke="#FF8D8D8D" StrokeThickness="1.5" Visibility="Collapsed" VerticalAlignment="Center"/>
</Grid>
</Border>
</Border>
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

What do i miss??

GridView

answered on 05 May 2015

5 answers

120 views

How do I make all column headers have text wrapping?

GridView

answered on 05 May 2015

1 answer

347 views

What's equivalent of RadPageView in WPF ?

Hi everybody.

- I'm new with Telerik WPF and I used a RadPageView in Winforms and I can't find it in WPF!!, I wanna make like this menu in attache.

and thank's for help.

General Discussions

answered on 05 May 2015

1 answer

213 views

RadProgressBar asp.net does not repaint/rebind value

Hi,

I am developing many widgets on one screen. I have used MVP DP so whether or not to create instances of widgets (maybe based on role) are determined by presenter.

One control is RadHtmlChart:PieSeries which also has <asp:Timer> and the other is RadProgressBar.
The Timer postbacks the entire page, not just the PieControl which is OK.

This is the presenter.cs code for the PieSeries which correctly repaints the UI when the timer goes off.
The presenter.cs code for the ProgressBar is identical.
However, it only works the first time databind. Every other postback the new "PercentagteValue" is assigned correctly but the control doesn't seem to overwrite it's older value.

For now i got it to work by declaratively creating the control on the widget page instead of dynamically creating it in the presenter.

I've seen posts on set_value using javascript but was wondering why these two controls act differently?

public async Task GetPieSnapShot()

{

IEnumerable<PieData> pieResult = await Model.GetPieData();

PieSeries myPieControl = (PieSeries)LoadControl("~/UserControls/PieSeriesControl.ascx");

myPieControl.DataSource = pieResult.ToList();

View.PieWidget = myPieControl;

}

ProgressBar

answered on 04 May 2015

3 answers

402 views

Office2013 in ResourceDictionary

Hi,

I'm using V2015.1.225.45 of Telerik and and I have a problem using the Office2013 as with different controls. Our project is a DLL and we create a "GenericStyles.xaml" file which contain all of our customs styles. So, in our application, in each UserControl, we have added the following piece of code to reference our Custom Styles:

<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/ChristieInnoMed.Framework.UI.ChristieControls;component/Resources/Controls/GenericStyles.xaml"/>

In our custom styles file, many sections are underline in blue with the error message: " Object reference not set to an instance of an object.". If you look in our GenericStyles.xam file, as an example, look at the section "x:Key="TextBoxErrorTemplate".

Our GenericStyles.xaml look like:

Thank's

Alain

General Discussions

answered on 04 May 2015

6 answers

588 views

Telerik WPF Nuget package

Hi,

Can you please update the location for Telerik WPF Nuget packages ?

Thanks,
Abbas K

General Discussions

answered on 04 May 2015

3 answers

148 views

Phantom exceptions

I am the lead developer for a WPF application used internally by my company. It includes an automated error reporting subsystem, and our users occasionally throw this exception:

Stack
trace: at
System.Windows.Controls.ItemContainerGenerator.ContainerFromIndex(Int32 index)
at
Telerik.Windows.Controls.RadTreeView.UpdateTabStopOnSelectionFromUI(IEnumerable`1
selectedItems) at Telerik.Windows.Controls.RadTreeView.OnCollapsed(Object
sender, RadRoutedEventArgs e)

Originally I used a RadTreeView in the application where the users were throwing this exception, but after weeks of trying to track it down unsuccessfully I replaced the control with a stock TreeView. Now there is no RadTreeView *anywhere* the users cause this, but the number of these exceptions hasn't diminished at all.

I am using 2015.1.401.45 release on .NET 4.5.1.

TreeView

answered on 04 May 2015

2 answers

332 views

Select Only one checkbox from RadGrid

Hi all ,,

am using MVVM and Telerik controls ,

I have RadGrid with one Column as checkbox template.

My requiremnt is to select only One checkbox in the Grid ,So if one Row is Selected the others is Unselected Immediately or show Message that one Row is Selected.

is there any way to uses this scenario in MVVM or Code Behind.

General Discussions

answered on 04 May 2015

5 answers

178 views

RadGridView Group Panel not resize after remove all group panel items

I'm using version v.2014.1.331.45.
I'm use RadGridView with dynamic row item.

<telerik:RadGridView Name="RadgridHoover"

DockPanel.Dock="Top"

BorderThickness="1,0,0,0"

BorderBrush="LightGray"

CanUserDeleteRows="True"

CanUserInsertRows="True"

ShowColumnHeaders="True"

ShowGroupPanel="{Binding IsShowGroupPanel, Mode=TwoWay}"

AlternateRowBackground="WhiteSmoke"

AlternationCount="2"

AutoGenerateColumns="False"

SelectionMode="Multiple"

IsReadOnly="True"

IsFilteringAllowed="True"

EditTriggers="CurrentCellClick"

SelectionUnit="FullRow"

EnableColumnVirtualization="False"

EnableRowVirtualization="True"

RowIndicatorVisibility="Collapsed"

GridLinesVisibility="Both"

behaviors:GridColumnsBindingBehavior.Columns="{Binding Columns, Mode=TwoWay}"

ItemsSource="{Binding MembersTable, Mode=TwoWay}"

SelectedItem="{Binding SelectedItem}"

caliburn:Message.Attach=

"[Event SelectionChanged] = [Action MembersGridSelectionChanged($executionContext)];[Event DataLoaded] = [Action GridDataLoaded($executionContext)];[Event LoadingRowDetails] = [Action LoadingRowDetails($executionContext)]"

DataLoadMode="Asynchronous"

>

</telerik:RadGridView>

The issue is when i group by a column, then i remove item in group panel, the size of group panel is not resize correctly.

See the image is attached.

Please help me review and give me your ideas.

GridView

answered on 01 May 2015

1 answer

763 views

RadListBox Drag and Drop without removing "dropped" item

We have 2 Radlistboxes within a usercontrol. We can drag and drop items between both with no issues and can reorder within each listbox with no issues either. Each radlistbox is highly stylized with grid's within each to create the look we need and to position data when drag and drop occurs.

What we would like to do is allow items from radlistbox1 to be dragged into radlistbox2. However, we do not want the item from radlistbox1 to be removed. Is there a built in function that would allow us to do this relatively simply?

All examples (in documentation) and demo wpf drag and drop but remove items. Let's see an example that matches what we need. Documentation and forums have not given us an ideas on how to implement this functionality.

Any code examples would be helpful also.

Thanks

See partial Code below for the user control

<UserControl.Resources>
<Style x:Key="DraggableListBoxItem" TargetType="telerik:RadListBoxItem">
<Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True" />
<Style.Triggers>
<DataTrigger Binding="{Binding ExhibitType}" Value="CE">
<Setter Property="BorderBrush" Value="#DAF2CB"></Setter>
<Setter Property="Background" Value="#F2F7EF"></Setter>
<Setter Property="Margin" Value="0,2,0,2"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>

</UserControl.Resources>

<telerik:RadListBox x:Name="RadListBox1" TabIndex="1" Grid.Row="0" Margin="0,5,0,0" FontSize="11"
SelectionMode="Multiple"
ItemContainerStyle="{StaticResource DraggableListBoxItem}">
<telerik:RadListBox.ItemTemplate>
<DataTemplate>
<Grid telerik:DragDropManager.AllowDrag="True" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Button x:Name="btnPreviewReportLayoutImage" Click="btnPreviewReportLayoutImage_Click"
Height="16" Width="16" Margin="3 0 3 0" Grid.Column="0"
ToolTip="Click On Image To View Report Layout" HorizontalAlignment="Left">
<Button.Template>
<ControlTemplate>
<Image Source="../Images/ReportImage2.png" />
</ControlTemplate>
</Button.Template>
</Button>
<TextBlock Text="{Binding Name}" TextWrapping="Wrap" Grid.Column="1"></TextBlock>
</Grid>
</DataTemplate>
</telerik:RadListBox.ItemTemplate>
<telerik:RadListBox.DragVisualProvider>
<telerik:ScreenshotDragVisualProvider />
</telerik:RadListBox.DragVisualProvider>
<telerik:RadListBox.DragDropBehavior>
<telerik:ListBoxDragDropBehavior />
</telerik:RadListBox.DragDropBehavior>
</telerik:RadListBox>

<telerik:RadListBox x:Name="RadListBox2" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="5" Margin="2,5,2,2" FontSize="11"
AllowDrop="True" SelectionMode="Multiple"
ItemContainerStyle="{StaticResource DraggableListBoxItem}"
ScrollViewer.CanContentScroll="True">
<telerik:RadListBox.ItemTemplate>
<DataTemplate>
<Grid telerik:DragDropManager.AllowDrag="True" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="400" />
<ColumnDefinition Width="80" />
<ColumnDefinition Width="80" />
<ColumnDefinition Width="140" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
<TextBlock Text="{Binding Name}" TextWrapping="Wrap"></TextBlock>
<ComboBox x:Name="cbGroupLevel" Grid.Column="1" SelectedValuePath="Content" SelectedValue="{Binding Grouping}" Margin="0 0 15 0" >
<ComboBoxItem>E</ComboBoxItem>
<ComboBoxItem>P</ComboBoxItem>
<ComboBoxItem>-</ComboBoxItem>
</ComboBox>
<ComboBox x:Name="cbTOCLevel" Grid.Column="2" SelectedValuePath="Content" SelectedValue="{Binding TOCLevel}" Margin="0 0 15 0">
<ComboBoxItem>0</ComboBoxItem>
<ComboBoxItem>1</ComboBoxItem>
<ComboBoxItem>2</ComboBoxItem>
<ComboBoxItem>3</ComboBoxItem>
<ComboBoxItem>4</ComboBoxItem>
</ComboBox>
<ComboBox x:Name="cbPortfolios" Grid.Column="3" SelectedValuePath="Content"
SelectedValue="{Binding Portfolios}" Margin="0 0 15 0">
<ComboBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<CheckBox IsChecked="{Binding IsSelected}" Width="20" VerticalAlignment="Center" />
</StackPanel>
</DataTemplate>
</ComboBox.ItemTemplate>
<ComboBoxItem IsSelected="True">All</ComboBoxItem>
<ComboBoxItem>Placeholder</ComboBoxItem>
<ComboBoxItem>Placeholder</ComboBoxItem>
<ComboBoxItem>Placeholder</ComboBoxItem>
<ComboBoxItem>Placeholder with a very long name.......................</ComboBoxItem>
<ComboBoxItem>Placeholder</ComboBoxItem>
<ComboBoxItem>Placeholder</ComboBoxItem>
<ComboBoxItem>Placeholder</ComboBoxItem>
</ComboBox>
<TextBlock Grid.Column="4" Text="{Binding TOCTitle}"></TextBlock>
</Grid>
</DataTemplate>
</telerik:RadListBox.ItemTemplate>
<telerik:RadListBox.DragVisualProvider>
<telerik:ScreenshotDragVisualProvider />
</telerik:RadListBox.DragVisualProvider>
<telerik:RadListBox.DragDropBehavior>
<telerik:ListBoxDragDropBehavior AllowReorder="True"/>
</telerik:RadListBox.DragDropBehavior>

</telerik:RadListBox>

ListBox

answered on 01 May 2015