Questions on UI for WPF Forum

1 answer

333 views

Hello,

We have requirement to display hierarchical data (tree view kind) in the combobox. Is this possible using the Teleric WPF combobox ?
Also this should also fit in the GridView row for inline editing.

Thanks,
Gyan

GridView

answered on 20 Jun 2013

1 answer

218 views

Expander

Hi,
I have used RadExpander in my project.I tried to use Scrollbar for that.but it is not visible.Please go through the code and suggest what is wrong here .Eventhough i have given image height and width greater than expander to get the scrollbar.

telerik:RadExpander Name="radTest" Header="Test1 " Height="150" Width="500" IsExpanded="False" HorizontalAlignment="Left" ScrollViewer.HorizontalScrollBarVisibility="Visible" ScrollViewer.VerticalScrollBarVisibility="Visible">

</telerik:RadExpander>

Expander

answered on 20 Jun 2013

2 answers

232 views

ErrorTemplate on RadMaskedNumericInput

I am trying to replace RadMaskedTextBox with the appropriate RadMaskedInput-controls.

I now have a RadMaskedNumericInput like this:

<telerik:RadMaskedNumericInput x:Name="_numberOfPages" Margin="2" Grid.Column="4" Grid.Row="2" MinWidth="60"

VerticalAlignment="Center" HorizontalAlignment="Stretch"

Mask="d" FormatString="D2" TextMode="MaskedText"

AllowInvalidValues="False"

MaskedInput:MaskedInputExtensions.Minimum="0"

SelectionOnFocus="SelectAll"

ErrorMessage="Invalid number of pages"

Value=

"{Binding ProjectListItemViewModel.SettableNumberOfPages, Mode=TwoWay, ValidatesOnDataErrors=True, ValidatesOnExceptions=True, NotifyOnValidationError=True}"

Style="{StaticResource RadMaskedNumericInputStyle}" />

The RadMaskedNumericInputStyle looks like this:

<ControlTemplate TargetType="{x:Type Control}" x:Key="ValidationErrorTemplate">

<DockPanel LastChildFill="true">

<Border BorderBrush="{StaticResource ErrorBrush}" BorderThickness="3" Panel.ZIndex="999"

Background="White" DockPanel.Dock="right" Margin="-8,0,0,0" Width="16" Height="16" CornerRadius="10"

ToolTip="{Binding ElementName=customAdorner, Path=AdornedElement.(Validation.Errors)[0].ErrorContent}">

<Rectangle Fill="{StaticResource ErrorBrush}" HorizontalAlignment="Stretch" VerticalAlignment="Center" Height="3"

RenderTransformOrigin="0.5,0.5">

<Rectangle.RenderTransform>

<RotateTransform Angle="315" />

</Rectangle.RenderTransform>

</Rectangle>

</Border>

<AdornedElementPlaceholder Name="customAdorner" VerticalAlignment="Center">

<Border BorderBrush="{StaticResource ErrorBrush}" BorderThickness="1" />

</AdornedElementPlaceholder>

</DockPanel>

</ControlTemplate>

<Style TargetType="{x:Type Controls:RadMaskedNumericInput}" x:Key="RadMaskedNumericInputStyle">

<Setter Property="FontFamily" Value="Calibri" />

<Setter Property="FontSize" Value="12" />

<Setter Property="SelectionOnFocus" Value="CaretToEnd" />

<Setter Property="Validation.ErrorTemplate" Value="{StaticResource ValidationErrorTemplate}" />

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

<Style.Triggers>...</Style.Triggers>

</Style>

My problem is that the original red X is still there if I put my mouse over - even if it is a valid input (see attachment).
What I want is the red border and the red sign on the border. What I do not want (ever) is the red sign with the cross in it.

Can you help me? Thx

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 20 Jun 2013

1 answer

122 views

Single to Double Conversion Error in VB.Net?

I'm attempting to bind a floating point single (type is Single in VB.Net) to the value of databar and getting an error that a conversion cannot be made from Single to Double?

I've not experienced this with other controls.

A single is required in this case because the object is serialized and compressed. Using a single saves disk space.

Further, I need to provide the type Object to the Value property because in some cases I'm providing an Int32, whereas other times I am providing a Single. This is done via a datatemplate in a GridView.

It seems that if I provide anything pother than a double, the RadDataBar throws exceptions?

Am I overlooking something?

DataBar

answered on 20 Jun 2013

11 answers

502 views

RadSplit button With DropDown Content as RadContextMenu with subitems

Hi
I am using a Radsplitbutton and its dropdown contents is a RadCOntextMenu which has subitems. The issue is when I expand the dropdown and mouse over on the item with subitems the submenu item is popped up and now I click outside the control .I see the popped up submenu item is closed but I want the dropdown also to be closed. Any help is much appreciated. Here is the sample code.
My XAML:

</i:Interaction.Behaviors>

<telerik:RadMenuItem Header="{x:Static Properties:Resources.Group_Header}" cal:Message.Attach="ToggleGroupBySetting('Cluster')" IsCheckable="True" StaysOpenOnClick="False" IsChecked="{Binding DocumentGrouping, Converter={StaticResource GroupedMenuItemsConverter}, ConverterParameter=Cluster, Mode=TwoWay}" >

<telerik:RadMenuItem.Icon>

<

telerik:RadSplitButton x:Name="Group" Style="{StaticResource Group}" />

code for menu item click event:

private void MenuItemOnClick(object sender, RadRoutedEventArgs radRoutedEventArgs)

{
RadMenuItem menuItem = sender as RadMenuItem;
if(menuItem == null)

{

Debug.Assert(false, @"Unexpected object type.");

return;

}

if(menuItem.Items.Count > 0)

{
// normally, menu items with child menu items

// do not generate a 'Click' event however,

// if an item in its sub-menu has StaysOpenOnClick set
// we get a 'Click' event from the parent menu item!
return;

}
if(menuItem.StaysOpenOnClick)
{
// honor 'StaysOpenOnClick' behavior
return;
}
RadDropDownButton dropDownButton = menuItem.ParentOfType<RadDropDownButton>();
if (dropDownButton != null)
{

dropDownButton.IsOpen = false;
}
else
{
RadSplitButton splitButton = menuItem.ParentOfType<RadSplitButton>();
if (splitButton != null)
{

splitButton.IsOpen = false;
}
else
{
Debug.Assert(false, @"Cannot find parent RadDropDownButton or RadSplitButton.");
}

}

}

I want the dropdown to be closed when clicked outside the control when the menu item with submenu is expanded.Please help me to resolve this issue

Thanks
Rakesh

Buttons

answered on 19 Jun 2013

2 answers

341 views

changing line color in a ScatterSeriesDescriptor.Style

How do I change the line color of a chart series when using a ChartSeriesProvider?



If I'm not using the ChartSeriesProvider, then I do this by setting the "Stroke" property,

as illustrated here.  This works:



<telerik:ScatterLineSeries Name="HeadSeries"
    ItemsSource="{Binding Path=DataPoints}"
    XValueBinding="FlowRate"
    YValueBinding="Head"
    PointTemplate="{StaticResource HeadPointTemplate}"
    Stroke="CornflowerBlue">
</telerik:ScatterLineSeries>



However, if use the ChartSeriesProvider, the following snippet does not change the line color.



<

telerik:ScatterSeriesDescriptor ItemsSourcePath="Item"

XValuePath="FlowRate"

YValuePath="Head">

<telerik:ScatterSeriesDescriptor.Style>

<Style TargetType="telerik:ScatterLineSeries">

<Setter Property="PointTemplate" Value="{StaticResource HeadPointTemplate}" />

<Setter Property="Stroke" Value="CornflowerBlue" />

</Style>

</telerik:ScatterSeriesDescriptor.Style>

</telerik:ScatterSeriesDescriptor

ChartView

answered on 19 Jun 2013

6 answers

285 views

Move MapItem on InformationLayer

Hi
base on this tutorial :http://www.telerik.com/help/wpf/radmap-features-data-binding.html
I Implemented INotifyPropertyChange for MapItem

public class MapItem : INotifyPropertyChanged

{

#region INotifyPropertyChanged Members

void OnPropertyChanged(string prop)

{

if (this.PropertyChanged != null)

this.PropertyChanged(this, new PropertyChangedEventArgs(prop));

}

public event PropertyChangedEventHandler PropertyChanged;

and change their Location with this line of code

private void button1_Click(object sender, RoutedEventArgs e)

{

foreach (MapItem item in infLayerMovingObjects.ItemsSource)

{

Location loc = item.Location;

loc.Latitude += 0.001;

loc.Longitude += 0.001;

item.Location = loc;

}

but it does not work ,
how should I have to Refresh LayerInformation ?
why LayerInformation does not notice about change in its obesrvable collection ?
thanks.

Map

answered on 19 Jun 2013

3 answers

248 views

Fluid Content Control problem

Hi,

I have one problem with Fluid Content Control.
I've read the documentation of RadTileView and i've read the "Fluid Content Control" article
(http://www.telerik.com/help/silverlight/radtileview-fluid-content-control.html).

My problem is in this code :

private void tivSessions_TileStateChanged(object sender, Telerik.Windows.RadRoutedEventArgs e)

{

RadTileViewItem item = e.OriginalSource as RadTileViewItem;

if (item != null)

{ 



            // THIS DOESN'T WORK

RadFluidContentControl fluidControl = item.Content as

RadFluidContentControl;

            // Can't cast item.Content in RadFluidContentControl.

if (fluidControl != null)

{

switch (item.TileState)

{

case TileViewItemState.Maximized:

fluidControl.State = FluidContentControlState.Large;

break;

case TileViewItemState.Minimized:

fluidControl.State = FluidContentControlState.Small;

break;

case TileViewItemState.Restored:

fluidControl.State = FluidContentControlState.Normal;

break;

}

item.Content is actually my databind object.
I just can't get the RadFluidContent.

Here is my XAML :

<Window x:Class="PDCBrowser.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:Telerik="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow" Loaded="Window_Loaded">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<ComboBox Name="cbbTracks" DisplayMemberPath="TrackId" SelectedValuePath="TrackId"/>

<Telerik:RadTileView Name="tivSessions" TileStateChanged="tivSessions_TileStateChanged" Grid.Row="1" ItemsSource="{Binding ElementName=cbbTracks, Path=SelectedItem}">

<Telerik:RadTileView.ItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding ShortTitle}" TextWrapping="WrapWithOverflow"></TextBlock>

</DataTemplate>

</Telerik:RadTileView.ItemTemplate>

<Telerik:RadTileView.ContentTemplate>

<DataTemplate>

<Telerik:RadFluidContentControl ContentChangeMode="Manual">

<Telerik:RadFluidContentControl.SmallContent>

<TextBlock>SMALL</TextBlock>

</Telerik:RadFluidContentControl.SmallContent>

<Telerik:RadFluidContentControl.Content>

<TextBlock>MEDIUM</TextBlock>

</Telerik:RadFluidContentControl.Content>

<Telerik:RadFluidContentControl.LargeContent>

<TextBlock>LARGE</TextBlock>

</Telerik:RadFluidContentControl.LargeContent>

</Telerik:RadFluidContentControl>

</DataTemplate>

</Telerik:RadTileView.ContentTemplate>

</Telerik:RadTileView>

</Grid>

</Window>

Any ideas ?
Regards.

TileView

answered on 19 Jun 2013

3 answers

273 views

GridView and large complex data

Hello,
I have quite complex object with joins and sub-queries to display on grid. Currently I'm getting only 1000 records from database to get better performance. I would really like to have benefits from grid filtering, sorting, server side virtualization, and paging to enable in rare cases uses to go through all data. However I didn't find any way or information how to to do that with complex select data. This data is currently collected 100% using Entity Framework. I've looked to use yours entity framework data source but it only allows simple usage - native entities not complex custom joins.

Could you advice me how to achieve that?

GridView