Questions on UI for WPF Forum

2 answers

80 views

I am writing a new WPF application. I am currently using a control from another vendor and I am unable to achieve the functionality described below. Before I get too far down the road I want to make sure I am using controls that will function per my design requirements. I would like to know if it is possible implement a grid with the features described below using the Telerik grid control for WPF.
In short, what I want to implement is explicit save and cancel functionality for each row in the grid. If the user edits a row I want them to have to click a Save button before their changes are written to disk. Also, I want to display a cancel button that will undo any edits. Can you show me a grid control that implements this??
When the grid is initially displayed I want each row to display a Delete button in the rightmost column.
When the user starts to edit a certain row, I want to hide the Delete button and replace it with two buttons: Save and Cancel.
User must be able to use the tab key to navigate to Save and Cancel buttons.
User can click a column in any row and begin editing i.e. no Edit button.

Default values are visible for all columns in new item row upon editing.

Delete button is shown for all rows except new row (ideally a binding).

Upon editing, Save and Cancel buttons become visible (ideally a binding so that Save becomes visible only when data is valid).

Tab key: Save, Cancel and Delete buttons receive focus when tabbed to. Pressing tab key while in edit mode moves cursor from data last column to Save, then to Cancel, then wraps back to first data column of same row. Buttons show correct styling when focused.Save and Cancel click behavior: if row is an update to an existing row, edit mode is ended and focus stays on current row. If an insert (user is editing new item row), edit mode is maintained and focus is moved to first column of new item row.Pressing Esc key has the same effect as clicking Cancel (ideally fires same command).

Save, Delete, Cancel buttons can bound to viewmodel commands.

Save, Delete, Cancel buttons share a common column or make efficient and attractive use of space.When editing, user cannot navigate to a different row unless changes to current row are saved or cancelled.

Thank you

GridView

answered on 09 Jul 2015

1 answer

232 views

Styling Navigation Header

Hi,

how do i change the background and height of the Navigation Header (now it's a black background - Windows8Touch Theme).

Thanks

best regards

Manfred

ScheduleView

answered on 09 Jul 2015

5 answers

172 views

Binding RadGridView to WCF service while allowing for paging

Hello,

We have a WCF service which will house all of our application's data access. Our problem is that we want to be able to show all records [numbering thousands, sometimes hundreds of thousands] in a RadGridView, but we want to have one large list, as opposed to splitting up the data set in pages as far as the UI is concerned. Basically, we'd want one large list and we'd get the "visible" records for each "current view". We don't want the user to have to know about and/or keep track of the individual pages in the UI, however.

We can manually fetch "pages" of data so when the user browses to record #50 and the gridview shows 100 records that are visible, we can query the WCF service for records 50-149. In order to do this, we'd virtually load # records where # is the total count of record in the table and then just get the data for the currently-viewed page.

We can figure out how to get that done, but we are wondering if there is a way we can use data binding to achieve this. It would be preferrable to have a behind-the-scenes method that'd allow for paging on this level without complicating the UI [as much as possible, anyway].

Is a strategy that I've outlined possible? If so, it would be very useful to get some sample code that makes use of this strategy.

Sorry for the length of the message, but what we're asking for is pretty specific.

Thank you very much for any assistance

GridView

answered on 09 Jul 2015

4 answers

593 views

Content clipped when application window resized

Hi,

I have the following problem:

I have a simple layout (see Layout.png). There are no min sizes defined.

Now if I resize the application window in the displayed way, my contents are clipped when the document host can no longer shrink (see Layout2.png).

Can I do something against this behavior?

Arthur

Docking

answered on 09 Jul 2015

3 answers

98 views

DataFormCommandProvider - AddNew

I have a dataform using a custom DataFormCommandProvider. The CommandProvider has an overriden CanAddNewExecute() function that always returns true.

When I first go to the page with this control I can Add New items all I want. However once I edit an item, and commit or cancel the edit, the add new button (which is still enabled) stops working.

In debug I can see the CommandProvider's AddNew() function is getting called; the only difference is in the beginning the Dataform.CanAddItems property is true. After the Edit, the Dataform.CanAddItems property is false. I believe that while it is false it will not do the AddNewItem functionality.

How can I get the Dataform.CanAddItems property back to being true after an edit, so I can continue adding items?

DataForm

answered on 08 Jul 2015

1 answer

93 views

RadRichTextBox+mailmerge data loading issue

hi

im using RadRichTextBox for mailmerge as did in telerik demo. but it is unable to read the RadRichTextBoxMailMerge.xaml doc. i have attached my sample application. and also giving an error for version property in RadRichTextBoxMailMerge.xaml.

note: please change the extension of Solution_MailMerge.jpg to Solution_MailMerge.7z

thank you.

RichTextBox

answered on 08 Jul 2015

3 answers

111 views

Disabled field value changes on Keypress

I have 2 templates in my TreeListView. One for display and one for edit as shown below. When I select a node that is in display mode then use the keyboard and type a key, the "Name" value is updated with that key press. On key press, the edit template is loaded and the Name/Description fields are disabled. The IsEditableStatus field is not changed. This makes no sense and I don't know how to get around it. Thanks for your help.

The TreeListView:

<telerik:RadTreeListView

x:Name="treeListView"

AutoGenerateColumns="False"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

CanUserFreezeColumns="False"

CanUserReorderColumns="False"

SelectionMode="Single"

Grid.Row="1"

Margin="5"

IsReadOnly="{Binding IsReadOnly}"

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

SelectedItem="{Binding SelectedItem, Mode=TwoWay}"

IsExpandedBinding="{Binding IsExpanded, Mode=TwoWay}"

AutoExpandItems="True"

ShowGroupPanel="False"

IsFilteringAllowed="False"

ShowColumnHeaders="False">

<telerik:RadTreeListView.ChildTableDefinitions>

<telerik:TreeListViewTableDefinition

ItemsSource="{Binding Children}"/>

</telerik:RadTreeListView.ChildTableDefinitions>

<telerik:RadTreeListView.Columns>

<telerik:GridViewDataColumn

DataMemberBinding="{Binding Name, Mode=TwoWay}"

CellTemplate="{StaticResource TreeNodeTemplate}"

CellEditTemplate="{StaticResource TreeNodeEditTemplate}"

IsReadOnly="False"

Width="*"/>

<telerik:GridViewComboBoxColumn

x:Name="itemTypeColumn"

Header="Item Type"

DataMemberBinding="{Binding ItemTypeID, Mode=TwoWay}"

DisplayMemberPath="Name"

SelectedValueMemberPath="ID"

SortMemberPath="Order"

SortingState="Ascending"

ItemsSource="{Binding TypeModel.Items, Mode=TwoWay}"

IsReadOnly="True"

Width="150"/>

<telerik:GridViewDataColumn

DataMemberBinding="{Binding IsActive, Mode=TwoWay}"

Header="Include"/>

</telerik:RadTreeListView.Columns>

</telerik:RadTreeListView>

The templates:

<DataTemplate

x:Key="TreeNodeTemplate">

<StackPanel

Orientation="Horizontal">

<Image

Source="{Binding Image, Mode=TwoWay}"

ToolTip="{Binding Barcode, Mode=TwoWay}"/>

<TextBlock

Text="{Binding Name, Mode=TwoWay}"

Margin="5"

ToolTip="{Binding Description}"/>

</StackPanel>

</DataTemplate>

<DataTemplate

x:Key="TreeNodeEditTemplate">

<StackPanel

Orientation="Horizontal">

<Image

Source="{Binding Image, Mode=TwoWay}"

VerticalAlignment="Top"/>

<Grid

Margin="5"

Background="Cornsilk">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="125"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="26"/>

</Grid.RowDefinitions>

<Label

Content="ID:"

Grid.Column="0"

Grid.Row="0"

HorizontalAlignment="Right"

VerticalAlignment="Center"/>

<TextBlock

Grid.Column="1"

Text="{Binding ID, Mode=TwoWay}"/>

<Label

Content="Name:"

Grid.Column="0"

Grid.Row="1"

HorizontalAlignment="Right"

VerticalAlignment="Center"/>

<TextBox

Grid.Column="1"

Grid.Row="1"

Text="{Binding Name, Mode=TwoWay}"

IsEnabled="{Binding IsEditableStatus}"/>

<Label

Content="Description:"

Grid.Column="0"

Grid.Row="2"

HorizontalAlignment="Right"

VerticalAlignment="Center"/>

<TextBox

Grid.Column="1"

Grid.Row="2"

Text="{Binding Description, Mode=TwoWay}"

IsEnabled="{Binding IsEditableStatus}"/>

<Label

Content="Barcode:"

Grid.Column="0"

Grid.Row="3"

HorizontalAlignment="Right"

VerticalAlignment="Center"/>

<TextBox

Grid.Column="1"

Grid.Row="3"

Text="{Binding Barcode, Mode=TwoWay}"/>

</Grid>

</StackPanel>

</DataTemplate>

</UserControl.Resources>

TreeListView

answered on 07 Jul 2015

1 answer

109 views

DesktopAlert in xbap

DesktopAlert does not work in xbap Application.

DesktopAlert

answered on 07 Jul 2015

5 answers

312 views

Error installing WPF demos

Hi,

When I try to run the WPF demos app I get the "Application cannot be started" error. I'm using the trial version.

"OPERATION PROGRESS STATUS
* [25/02/2013 16:00:31] : Activation of C:\Personal\Workspace\Telerik\WPF Demos.application has started.
* [25/02/2013 16:00:31] : Processing of deployment manifest has successfully completed.
* [25/02/2013 16:00:31] : Installation of the application has started.

ERROR DETAILS
Following errors were detected during this operation.
* [25/02/2013 16:00:31] System.Deployment.Application.InvalidDeploymentException (Zone)
- Deployment and application do not have matching security zones.
- Source: System.Deployment
- Stack trace:
at System.Deployment.Application.DownloadManager.DownloadApplicationManifest(AssemblyManifest deploymentManifest, String targetDir, Uri deploymentUri, IDownloadNotification notification, DownloadOptions options, Uri& appSourceUri, String& appManifestPath)
at System.Deployment.Application.ApplicationActivator.DownloadApplication(SubscriptionState subState, ActivationDescription actDesc, Int64 transactionId, TempDirectory& downloadTemp)
at System.Deployment.Application.ApplicationActivator.InstallApplication(SubscriptionState& subState, ActivationDescription actDesc)
at System.Deployment.Application.ApplicationActivator.PerformDeploymentActivation(Uri activationUri, Boolean isShortcut, String textualSubId, String deploymentProviderUrlFromExtension, BrowserSettings browserSettings, String& errorPageUrl)
at System.Deployment.Application.ApplicationActivator.ActivateDeploymentWorker(Object state)"

Any ideas why?

Thanks.
Ganesh

General Discussions

answered on 07 Jul 2015

1 answer

105 views

Pivot Grid "The method or operation is not implemented."

Hi I am trying to use PivotGrid on my wpf usercontrol and getting this error "The method or operation is not implemented.". All I am doing is just put the pivot grid on the user control which already has two combo boxes, I haven't even got to the part where I bind to a data source. I get this error at run time. Below is my xaml content. I don't even have any code written that references pivot grid.

PivotGrid

answered on 07 Jul 2015