Questions on UI for WPF Forum

2 answers

311 views

[Solved] Value changed of a cell with formula

Apparently the worksheet's Cells.CellPropertyChanged event is not raised when a cell with a formula is recalculated because one of the source cells was changed. Is there any way of getting notified in this situation?

Spreadsheet

answered on 13 Apr 2016

1 answer

344 views

design a simple, comfortable, friendly user interface for a WPF desktop application (by MVVM ) by C# in VS2013 on win 7

design a simple (no fancy/shining color change), comfortable, friendly (easy-to-use) user interface for a WPF desktop application (by MVVM pattern) by C# in VS2013 on win 7

I would like to design a WPF desktop application by C# in VS2013 on win 7.

I need to design an UI look like this attached example blow. I have checked the WPF toolbox in VS2013, I do not find a layout template that can provide an UI like this.

In order to design a simple, comfortable and friendly (easy-to-use) user interface, I have checked the links :

       prism http://compositewpf.codeplex.com/
        http://stackoverflow.com/questions/2135092/creating-a-nice-gui-in-wpf>
        http://ux.stackexchange.com/questions/10776/where-can-i-find-a-gallery-of-wpf-ui-examples

But, they are not a good fit for my application.

I need a user interface :
      1. some tool menus on the top such as "File", "Edit", "project", "tool" , "help", which look much like the most popular UI style in MS office tools.
      2. some shortcut icons for some hot uses below the tool menu
      3. The left panel are separated into 3 parts : left, middle, right
      4. Each part size can be changed by holding the vertical separator
      5 . Each part is separated into 2 vertical parts
      6. In left-upper part, there some tree-view buttons, when a button is clicked, a detailed subtree buttons are shown at the left-lower part.
     7. In the middle part, some data chart, tables, curves are shown at the upper-part and the related detailed data are shown at the lower-part.
     8. In the middle part, I need multiple tabs to show the data and charts
     9. In the right-part, it holds some animations related to the data shown in the middle part.
     10. the color of the application should be consistent, simple and flat (not much gradient change, e.g. ligth-gray is fine), not so fancy like prism.

Are there some templates similar like this ?

Any suggestions ? Thanks !

Book

answered on 13 Apr 2016

3 answers

427 views

GridView Filtering - Distinct values not displayed

Dear Support,

I try to use filtering but in distinct value area the values are not appear.
Any idea why?

Here is my xaml code:

<telerikGridView:RadGridView Grid.Row="1" Margin="5" x:Name="SearchGrid" AutoGenerateColumns="False"

ItemsSource="{Binding Path=ValuesOfQuestions, Mode=OneWay}"

DistinctValuesLoading="SearchGrid_DistinctValuesLoading"

IsReadOnly="True" IsFilteringAllowed="True" ShowGroupPanel="False"

ShowColumnFooters="False" ShowColumnSortIndexes="True">

<telerikGridView:RadGridView.Columns>

<telerikGridView:GridViewDataColumn x:Name="ID" Header="ID" ShowDistinctFilters="True" DataMemberBinding="{Binding Path=ID}" />

<telerikGridView:GridViewDataColumn x:Name="Date" Header="Date" DataMemberBinding="{Binding Path=Date}" />

<telerikGridView:GridViewDataColumn x:Name="Value" Header="Value" DataMemberBinding="{Binding Path=Value}" />

</telerikGridView:RadGridView.Columns>

</telerikGridView:RadGridView>

XAML code behind:

private void SearchGrid_DistinctValuesLoading(object sender, GridViewDistinctValuesLoadingEventArgs e)

{

e.ItemsSource = ((Telerik.Windows.Controls.RadGridView)sender).GetDistinctValues(e.Column, false);

}

C# code:

public class ValuesOfQuestion

{

public int ID { get; set; }

public string Value { get; set; }

public DateTime Date { get; set; }

}

ValuesOfQuestions = new ObservableCollection<ValuesOfQuestion>();

for (int i = 0; i < 10; i++)

{

ValuesOfQuestions.Add(new ValuesOfQuestion { ID = i, Date = DateTime.Now, Value = "Value " + i.ToString() });

}

And I attached a picture for my problem.

Thanks,

Robert.

GridView

answered on 13 Apr 2016

3 answers

285 views

Expand Tabs from Left side and resizing the rest

Hi,

how can I make tabs on the left side that are per default collapsed (see picture) and which should expand to the right side resizing the rest of the window (Grids, etc). I've made the tab on the left side setting TabStrip left but I can't do the rest. there is no collapse property on the tab?

telerik:RadTabControl Align="Right" BackgroundVisibility="Collapsed" TabStripPlacement="Left" Grid.RowSpan="4" Grid.Row="1" >
<telerik:RadTabItem Header="Something" >
<telerik:RadTreeView Grid.Row="1" IsDragDropEnabled="True" Grid.RowSpan="4" >
<telerik:RadTreeViewItem Header="Football" />
<telerik:RadTreeViewItem Header="Tennis" />
<telerik:RadTreeViewItem Header="Cycling" />
<telerik:RadTreeViewItem Header="Basketball" />
</telerik:RadTreeView>
</telerik:RadTabItem>
</telerik:RadTabControl>

TabControl

answered on 13 Apr 2016

4 answers

417 views

[Solved] I can't map RadGridView.AddingNewDataItem event to command in viewmodel in my Prism 6 application.

Hi! I use RadGridView in one of the views of my WPF MVVM Prism 6 application. The view was created on the base of Prism UserControl (WPF). The
solution of my application was created as empty Telerik project. After I had created the solution I added here RadWindow as Shell and also Prism 6
library for WPF via NuGet. I want to map RadGridView.AddingNewDataItem event to a command in viewmodel but unfortunately I can't. Below is RadGridView' XAML snippet from view' markup:

<telerik:RadGridView Grid.Row="1" Grid.Column="0" HorizontalAlignment="Center" Margin="8,5,0,0" VerticalAlignment="Top" AutoGenerateColumns="False"
           IsReadOnly="True" ItemsSource="{Binding DeviceRecords}" SelectedItem="{Binding SelectedDevice}">
            <telerik:RadGridView.Columns>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding DeviceName}" Header="Name"/>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding SerialNumber}" Header="Serial Number"/>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding MountingLocation}" Header="Mounting place"/>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding CompanyOwnerOfDevice}" Header="Device' owner"/>
            </telerik:RadGridView.Columns>

            <telerik:EventToCommandBehavior.EventBindings>
                <telerik:EventBinding
                    Command="{Binding HandleAddingNewRecordToDevicesGridCommand}"
                    EventName="AddingNewDataItem"
                    PassEventArgsToCommand="True"/>
            </telerik:EventToCommandBehavior.EventBindings>
</telerik:RadGridView>

Below is HandleAddingNewRecordToDevicesGridCommand command that is in viewmodel:

public DelegateCommand<object> HandleAddingNewRecordToDevicesGridCommand { get; private set; }

private void handleAddingNewRecordToDevicesGrid(object parameter)
{
            // Get RadGridView that is sender.
            Telerik.Windows.Controls.RadGridView gridView =
                ((parameter as GridViewAddingNewEventArgs).OwnerGridViewItemsControl) as Telerik.Windows.Controls.RadGridView;
            // Get new item inserted in the RadGridView.
            Telerik.Windows.Controls.GridViewDataColumn newItem =
                ((parameter as GridViewAddingNewEventArgs).NewObject) as Telerik.Windows.Controls.GridViewDataColumn;
            // Prepair to select this new item in the RadGridView.
            Telerik.Windows.Controls.GridViewDataColumn[] aItem = { newItem };
            System.Collections.IEnumerable selectedItem = aItem;
            // Select the new item in the RadGridView.
            gridView.Select(selectedItem);
}

this.HandleAddingNewRecordToDevicesGridCommand = new DelegateCommand<object>(this.handleAddingNewRecordToDevicesGrid); // (in viewmodel constructor)

I'm in need of abovementioned code for selecting new inserted row in the RadGridView. So after new row has been inserted into RadGridView then this row is selected in the RadGridView. But HandleAddingNewRecordToDevicesGridCommand command doesn't fire at all! Why? Please help me.

GridView

answered on 13 Apr 2016

5 answers

84 views

[Solved] Issue to retain selected datapoint while switching series at runtime

My chart having logic which switching between Point and Line series at run time.Issue is after switching series chart not retain the selection with new series selected.

Please help to resolve this issue.

ChartView

answered on 13 Apr 2016

1 answer

140 views

CandleStick. Not displayed (not drawn) changes within the candles.

I can not understand how to solve the following problem: There is real-time chart of Security.

<



<telerik:RadCartesianChart x:Name="chart" Grid.Column="0"    >
                <telerik:RadCartesianChart.Grid>
                    <telerik:CartesianChartGrid MajorLinesVisibility="Y"/>
                </telerik:RadCartesianChart.Grid>
 
 
                <telerik:RadCartesianChart.Behaviors>
                    <telerik:ChartCrosshairBehavior/>
                    <telerik:ChartPanAndZoomBehavior DragToZoomThreshold="0" MouseWheelMode="Zoom" DragMode="Pan" ZoomMode="Both" PanMode="Both"/>
                </telerik:RadCartesianChart.Behaviors>
 
                <telerik:RadCartesianChart.HorizontalAxis>
                    <telerik:DateTimeContinuousAxis x:Name="AxisX"  LabelFormat="HH:mm" LabelFitMode="Rotate" SmartLabelsMode="SmartStep" PlotMode="OnTicksPadded"  />
                </telerik:RadCartesianChart.HorizontalAxis>
 
                <telerik:RadCartesianChart.VerticalAxis>
                    <telerik:LinearAxis MajorStep="1" LineThickness="1" SmartLabelsMode="SmartStepAndRange" />
                </telerik:RadCartesianChart.VerticalAxis>
 
               <telerik:CandlestickSeries  ItemsSource="{Binding Candls}" CategoryBinding="Time" CloseBinding="Close" HighBinding="High" LowBinding="Low" OpenBinding="Open" DefaultVisualStyle="{DynamicResource #CandleStickStyle}" />
 </telerik:RadCartesianChart>

public ObservableCollectionEx<Candle> Candls = new ObservableCollectionEx<Candle>();

New candles appear immediately. Change the "Close" is not displayed in the candle when changes occur between the extreme values of the "Close". in a stream of data received and the change correctly. This can be seen on the grid.

I tried to delete data from the collection of the last candle and insert new data, not to make changes to existing ones. The result remained the same :(

How can I display all the changes in the closing candle?

Chart

answered on 12 Apr 2016

2 answers

99 views

Prevent to scroll to the top of the Row

Hi,

I use a RadGridView and when I click on a GridViewRow which is not entire visible, I scroll automatically.

This is an illustration with the GridViewRow number 0, and the GridViewRow number 4, before and after a click.
http://image.noelshack.com/fichiers/2016/14/1460041764-telerik2.png
http://image.noelshack.com/fichiers/2016/14/1460041552-telerik3.png

When I click on it, the ScrollViewer is called. And I don't want ! But impossible to prevent this comportment. Could you help me ?

Thank you.

GridView

answered on 12 Apr 2016

0 answers

130 views

RadGridView Vertical Scrolbar Thumb position, length and display data

Hi All,

i am using the radgridview control, added the custom filters to it successfully and all the default styles are working great. i have a requirement of infinite scrollbar and display row number on thumb. so i implemented the Data Virtualization but that did not match my requirement, in this the VirtualItemCount has to be set initially(when i tried to set it dynamically all rows data is empty no data is visible in the grid) more over the VirtualQueryableCollectionView maintains its own collection and its like a copy which i don't want. so with the MVVM pattern via observablecollection iam populating the data into the grid and this collection has constant size. now while scrolling when i reach to end of the scroll in the scrollchanged event iam replacing the collection with new data. all this is working but w.r.t this i also need to change the scrollbar's thumb as like inifinite scroll. i had written code to adjust the scrollbar thumb position, length nothing is working. Another issue is like displaying the record number on the thumb i had added the xaml code in style but when i apply the style the gridview is gone, it is not displayed. not sure what is the correct way of displaying the data on the thumb without losing the all default radgridview style.

Anyone please guide me.

GridView

asked on 12 Apr 2016

0 answers

129 views

Selection triggers multiple actions

Hi,

At the moment I have an autocomplete box which opens another tab. The autocompletebox list overlaps Tiles, when a selection is selected that overlaps a tile, it'll trigger the selection event AND the tile event. May I ask how do I set it up such that it'll only trigger selection event.

AutoCompleteBox

asked on 11 Apr 2016