Questions on UI for WPF Forum

23 answers

3.1K+ views

Setting the background of the main window with a theme

Hello,
I'm trying to use the Expression Dark in a WPF application and can not find a way to have the window background automatically to the right color.
Following what I've found in the forums, documentations and examples, I've come with the following code, but it does not work: the window background remains white. I know that I can code manually the background of the window to Black, but I really want the theme to be changeable, so I want the color to come from the theme.

MainWindow.xaml.cs:

using System;

using System.Windows;

using Telerik.Windows.Controls;

namespace WpfApplication2

{

public partial class MainWindow : Window

{

public MainWindow()

{

StyleManager.ApplicationTheme = new Expression_DarkTheme();

InitializeComponent();

}

MainWindow.xaml:

<Window

x:Class="WpfApplication2.MainWindow"

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

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

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

xmlns:tkqs="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"

Title="MainWindow" Height="350" Width="525">

<Grid tkqs:ThemeAwareBackgroundBehavior.IsEnabled="True"

tk:StyleManager.Theme="Expression_Dark">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<TextBlock HorizontalAlignment="Left"

Margin="5"

Text="TextBlock"

tk:StyleManager.Theme="Expression_Dark" />

<TextBox HorizontalAlignment="Left"

Margin="5"

Text="TextBox"

tk:StyleManager.Theme="Expression_Dark"

Grid.Row="1" />

<Button Content="Button"

HorizontalAlignment="Left"

Margin="5"

tk:StyleManager.Theme="Expression_Dark"

Grid.Row="2" />

</Grid>

</Window>

What must I change to have the background changed automatically?

Patrick

General Discussions

answered on 17 Jul 2015

1 answer

365 views

Asynchronous data loading with Entity Data Source?

I have a GridView where the ItemsSource is bound to the PagedSource property of a DataPager. The DataPager ItemsSource is bound to an EntityDataSource. The problem is that this is blocking my UI thread. The GridView has a "DataLoadMode" property which can be set to Asynchronous... but the pager doesn't. How would I go about loading the data to the pager asynchronously? I tried doing this in another thread but I keep getting a cross-thread exception even though I use the dispatcher to set the property to which the pager is bound.

<telerik:RadGridView x:Name="RadGridView1"

Grid.Row="0"

Margin="5,5,5,0"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

AlternateRowBackground="LightBlue"

AlternationCount="2"

AutoGenerateColumns="False"

CanUserDeleteRows="False"

CanUserFreezeColumns="False"

CanUserInsertRows="False"

DataLoadMode="Asynchronous"

GroupRenderMode="Nested"

IsReadOnly="True"

ItemsSource="{Binding ElementName=DataPager1,

Path=PagedSource}"

RowIndicatorVisibility="Collapsed"

ShowGroupPanel="False"

telerik:StyleManager.Theme="Summer">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Width="60"

DataMemberBinding="{Binding StoreNumber}"

Header="Store"

ShowDistinctFilters="True"

ShowFieldFilters="False"

TextAlignment="Center" />

<telerik:GridViewDataColumn Width="80"

DataFormatString="dd-MMM-yyyy"

DataMemberBinding="{Binding ASNDate}"

Header="Ship Date"

ShowDistinctFilters="False"

SortingState="Descending"

TextAlignment="Center" />

<telerik:GridViewDataColumn Width="Auto"

MinWidth="80"

DataMemberBinding="{Binding PONumber}"

Header="PO"

ShowDistinctFilters="False"

TextAlignment="Center" />

<telerik:GridViewDataColumn Width="80"

DataFormatString="dd-MMM-yyyy"

DataMemberBinding="{Binding PODate}"

Header="PO Date"

ShowDistinctFilters="False"

TextAlignment="Center" />

<telerik:GridViewDataColumn Width="Auto"

MinWidth="80"

DataMemberBinding="{Binding InvoiceNumber}"

Header="Invoice"

ShowDistinctFilters="False"

TextAlignment="Center" />

<telerik:GridViewDataColumn Width="Auto"

DataMemberBinding="{Binding ToteID}"

Header="Tote"

ShowDistinctFilters="True"

TextAlignment="Center">

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate>

<TextBlock Width="Auto"

Height="Auto"

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Hyperlink Click="OnToteClick" Tag="{Binding}">

<TextBlock Width="Auto"

Height="Auto"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="{Binding ToteID}" />

</Hyperlink>

</TextBlock>

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Width="80"

DataFormatString="dd-MMM-yyyy"

DataMemberBinding="{Binding Closed}"

Header="Completed"

ShowDistinctFilters="False" />

<telerik:GridViewDataColumn Width="Auto"

DataMemberBinding="{Binding ClosedByName}"

Header="Complete By"

ShowDistinctFilters="True"

ShowFieldFilters="False"

TextAlignment="Center" />

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<telerik:RadDataPager x:Name="DataPager1"

Grid.Row="1"

Width="{Binding ActualWidth,

ElementName=RadGridView1}"

Margin="5,0,5,5"

DisplayMode="FirstLastPreviousNextNumeric"

PageSize="{Binding PageSize,

Mode=TwoWay}"

Source="{Binding ShipmentData}"

telerik:StyleManager.Theme="Summer" />

public class ShipmentsViewModel : ViewModelBase

{

private readonly TIMS.Data.TIMSContext ctx =new Data.TIMSContext();

public ShipmentsViewModel()

{

}

#region Properties

private int PageSizeValue = 20;

public int PageSize

{

get { return PageSizeValue; }

set

{

SetPropertyValue((() => PageSize), ref PageSizeValue, value);

}

private QueryableEntityCollectionView<TIMS.Data.Entities.ToteView> ShipmentDataValue;

public QueryableEntityCollectionView<TIMS.Data.Entities.ToteView> ShipmentData

{

get {

return ShipmentDataValue;

}

private set

{

SetPropertyValue((() => ShipmentData), ref ShipmentDataValue, value);

}

#endregion

#region Methods

public override void OnNavigatedTo(Uri view, object data)

{

try

{

IsBusy = true;

System.Threading.ThreadPool.QueueUserWorkItem(delegate

{

var shipments = new QueryableEntityCollectionView<Data.Entities.ToteView>(((IObjectContextAdapter)ctx).ObjectContext, "ToteViews");

if (App.Store != null)

{

shipments.FilterDescriptors.Add(new FilterDescriptor("StoreNumber", FilterOperator.IsEqualTo, App.Store.Value, false));

}

App.Current.Dispatcher.Invoke(new Action(delegate

{

ShipmentDataValue = shipments;

IsBusy = false;

}));

});

}

catch (Exception e)

{

App.Current.Dispatcher.BeginInvoke(new Action(delegate

{

var dlg = new ChildWindows.ErrorDialog("0012: An unknown error occured.");

App.LogError(e);

dlg.ShowDialog();

IsBusy = false;

}));

}

#endregion

#region Commands

#endregion

}

DataPager

answered on 16 Jul 2015

3 answers

146 views

Trigger loading by hand

Hello

Can I load some portion of data programmatically? For example:

class Work { public string WorkTitle { get; set; } }

var query = generateQueryFor<Work>.OrderBy(w => w.WorkTitle);

var virtualQuery = new VirtualQueryableCollectionView(query) { LoadSize = 50 };

virtualQuery.ItemsLoading += (sender1, eventArgs1) =>

{

//event doesn't firing

};

virtualQuery.ItemsLoaded += (sender2, eventArgs2) =>

{

//event doesn't firing

};

// how force to load some data?

// GetItemAt doesn't loads any data

var row0 = virtualQuery.GetItemAt(0);

var row1 = virtualQuery.GetItemAt(1);

var row2 = virtualQuery.GetItemAt(2);

Data Virtualization

answered on 16 Jul 2015

1 answer

392 views

RadMaskedNumericInput does not bind decimal datatype correctly

Hi,

I am using RadMaskedNumericInput control for Percent input. I have decimal datatype property bound to the control. When i try to update value in control as number 55, it updates the background property as "0.55".

<telerik:RadMaskedNumericInput x:Name="uxPercentToPay" Grid.Row="6" Grid.Column="1" Margin="2,3" Width="120" Style="{StaticResource RadMaskedNumericInputStyle}" Validation.ErrorTemplate="{x:Null}" UpdateValueEvent="PropertyChanged" AutoFillNumberGroupSeparators="False" MaskedInput:MaskedInputExtensions.Maximum="100"MaskedInput:MaskedInputExtensions.Minimum="0" Mask="p2.2" Placeholder=" " AutoFillZeros="True"

Value="{Binding PercentToPay,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"

MaskedInput:MaskedInputExtensions.IsEditorTabStop="True"/>

Background property:

public decimal PercentToPay

{

get

{

return _percentToPay;

}

set

{

if (_percentToPay == value)

{

return;

}

_percentToPay = value;

RaisePropertyChanged(() => PercentToPay);

}

Please let me know, what could be the possible miss out here.

Thanks in Advance,

Sagar