Questions on UI for WPF Forum

1 answer

177 views

Hi,

I am aware of annotation support of pdf viewer and has gone through this link. But these annotations give us destination that are of type location i.e. the destination has page number and offset.
In pdf writer, when we create a destination and we give a name. And I want to navigate based on the named text.

We are using pdf viewer for viewing help manual and page number will not work as any update in the manual that alters the page no will need update of the code and rebuilding the software. So we need bookmark kind of support where string can be used to navigate instead of page number.

This is an urgent requirement.

Thanks
Ritwick

PDFViewer

answered on 23 Jul 2013

3 answers

262 views

panels does not get resized with the Main framework windows on window restore

Hi,
We are using Telerik RadDocking control within our main framework window. The RadDocking contains two RadSplitContainers and each container has a RadPaneGroup with one Rad panel to Display Data. The Application is created using Prism with MEF Container using MVVM design Pattern.

Description:
The left Container is Docked Permanently so that it cannon float/Auto hide/Close. This container is set to a minimum Width and Height. As there is no Maximum Width this container is able to fill in available space in the Main Framework Window (e.g. when the panel in the right container is undocked to float the left container takes all the framework window).
The Right Container is able to Float/Auto Hide/Close. This Container is also set to a minimum Width and Height.

Issue 1:
with the Main framework window on full screen if the right Container is moved to the extreme right to its minimum Width and the main framework window is restored/resized the containers doesn't get resize to the main framework window. This causes the Right docked container and some portion of left docked container to be dragged out of the main framework window and is not visible. To make the right container visible either i need to resize the main framework window to a bigger size or maximise the Main framework window to full screen. The screenshot and an example code snippet is given below.

Is there a way to resize the container according to the main framework windows size? so that both the containers with panel are visible in any scenario whether right docked container is moved to extreme right to its minimum width or left docked container is moved to extreme left to it minimum width.
I have tried the proportional stack panel with relative width set to both containers but it gives the same issue as above.

Thanks,

<telerik:RadDocking x:Name="SiteHomeDockingControl" Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="1" HasDocumentHost="False"

PreviewShowCompass="SiteHomeDockingControl_PreviewShowCompass" >

<telerik:RadSplitContainer telerik:RadDocking.SerializationTag="RadSplitContainerSites" BorderThickness="0"

MinWidth="305" MinHeight="305" telerik:DockingPanel.InitialSize="1000,500">

<telerik:RadPaneGroup x:Name="RadPaneGroupSites" telerik:RadDocking.SerializationTag="RadPaneGroupSites" BorderThickness="0">

<telerik:RadPane PaneHeaderVisibility="Collapsed" CanUserClose="False" CanFloat="False" CanUserPin="False"

telerik:RadDocking.SerializationTag="RadPaneSites" >

<ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">

<Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="35,15,15,15">

<TextBlock Text="Just an example Docked Pane 1."/>

</Grid>

</ScrollViewer>

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer InitialPosition="DockedRight" telerik:RadDocking.SerializationTag="RadSplitContainerPlantHierarchies"

MinWidth="305" MinHeight="305" telerik:DockingPanel.InitialSize="400,500">

<telerik:RadPaneGroup telerik:RadDocking.SerializationTag="RadPaneGroupPlantHierarchies">

<telerik:RadPane telerik:RadDocking.SerializationTag="RadPanePlantHierarchies" Header="Plant Hierarchies"

IsHidden=

"{Binding DataContext.HidePlantHierarchies, ElementName=SiteHomeDockingControl, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"

>

<Grid>

<TextBlock Text="Just an example Docked Pane 2."/>

</Grid>

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

Docking

answered on 23 Jul 2013

1 answer

82 views

TreeListView error on while we import to XamlFormatProvider

Hi,

We have a WPF RadTreeListView in one of our RichText box we are able to succesfully export this to XAML and save to DB.
But when we import the xaml from DB to show it back as a document we are getting the following error:

'No matching constructor found on type 'Telerik.Windows.Controls.TreeListView.TreeListViewKeyboardCommandProvider'. You can use the Arguments or FactoryMethod directives to construct this type.'

Please help us as this is very critical for our project.

TreeListView

answered on 23 Jul 2013

1 answer

286 views

Spreadsheet bind datatable (non=MVVM)

Hi Support,

I am trying to bind datatable to spreadsheet, but it does not show records into the spreadsheet control. Following is the source code:

DataTable result = somemethod();
excelsheet.DataContext = result;

Am I missing something. Please let me know.

Thanks.

Spreadsheet

answered on 23 Jul 2013

2 answers

162 views

Hyperlink underline disappearing

Hello,

I observe strange bahavior with hyperlink when you press "Backspace" button. More detail.
Open RadRichTextBox sample in "Demos - RadControls for WPF". In opened document place caret in place after last hyperlink letter (for example, after http://www.telerik.com). Press "Backspace" button. Instead delete the last letter, disappears hyperlink underline. If you press "Backspace" button again - last hyperlink letter will be deleted.

Is it possible to realize standard behavior (delete last letter after first "Backspace" button press)?

RichTextBox

answered on 23 Jul 2013

3 answers

262 views

Style GanttTask Event highlight background

HI,

I would like to know if there is a way to change the color of an event's background when it is highlighted/hovered over and when it is selected, preferably without having to resort to creating a ControlTemplate. Right now, I know how to change every other property of the event within a intrinsic style for EventContainer, and using style triggers i can change these properties depending on the state of the event. However, the Background property doesn't appear to work when using triggers. An example: Here is my EventContainer Style:

<Style TargetType="g:EventContainer">

<Setter Property="Background" Value="Green"/>

<Setter Property="Foreground" Value="White"/>

<Setter Property="BorderThickness" Value="0"/>

<Style.Triggers>

<Trigger Property="IsMouseOver" Value="True">

<Setter Property="Foreground" Value="Red"/>

<Setter Property="BorderThickness" Value="0"/>

</Trigger>

<Trigger Property="IsFocused" Value="True">

<Setter Property="Foreground" Value="Red"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="Background" Value="Blue"/>

</Trigger>

</Style.Triggers>

</Style>

When the event is hovered over, the title text of the event correctly changes from white to red, as defined in the style, but when the event is selected, the background does not change from green to blue. As I stated, I would like to avoid using ControlTemplate if it is possible, as ControlTemplates require a lot of extra useless markup, and a knowledge of the underlying infrastructure, which is impossible to get for the Telerik libraries.

GanttView

answered on 23 Jul 2013

5 answers

368 views

How to keep the size of a floating pane equal to the size of the pane being docked?

I have panes that are docked, and for example have a size of 640 * 480 while docked. When I move the pane outside the application the floating pane now gets a different size, 220 * 300.

I want to keep the size equal, the floating pane should keep the size of the docked pane. I tried setting RadDocking.SetFloatingSize on the splitcontainer, but that does not help.

How can I solve this?

Docking

answered on 23 Jul 2013

1 answer

69 views

No values displayed (but object data source method called)

I am attempting a simple example. I have a class with appropriate method to return a list of user objects. I've declaratively bound it to the autocompletebox. When I debug it, the select method does get called, but does not display anything?

I used the same code on some other machine, it works.

Does this need 4.5? as one of the box has it (where it works) and other does not.

AutoCompleteBox

answered on 23 Jul 2013

0 answers

44 views

Screen hides behide Scrollbar.

Hello,

I have resolution problem in my application designed in MVVM pattern.When I reduce the resolution of screen,scroll apears but some part of application hides inside scroll .The behaviour should be like a scroll bar should appear and visit shuould not hide.
How can I avoid hiding of screen.

Thanx in advance

ScheduleView

asked on 23 Jul 2013

3 answers

200 views

Thema aware styling with connectors

Hi,

I want to style a diagram shape so I use VS2012 which generates me the following style.

<Style x:Key="RadDiagramShapeStyle1" TargetType="{x:Type telerik:RadDiagramShape}">

<Setter Property="Foreground" Value="#FF333333"/>

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFFFB356" Offset="1"/>

<GradientStop Color="#FFFFDEDE"/>

<GradientStop Color="#FFFF5D00" Offset="0.5"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="BorderBrush" Value="#FFB84600"/>

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

<Setter Property="ZIndex" Value="2"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="StrokeThickness" Value="1"/>

<Setter Property="Padding" Value="4"/>

<Setter Property="StrokeDashArray" Value="1 0"/>

<Setter Property="FocusVisualStyle" Value="{x:Null}"/>

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

<Setter Property="VerticalContentAlignment" Value="Center"/>

<Setter Property="Geometry" Value="M0,0L60,0 60,40 0,40z"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadDiagramShape}">

<Grid>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="MouseStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver"/>

</VisualStateGroup>

<VisualStateGroup x:Name="ActiveConectionStates">

<VisualState x:Name="NormalActiveConnectionState"/>

<VisualState x:Name="ActiveConnectionInsideShape">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ActiveSelectedBorder">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="ConnectorsAdornerVisibilityStates">

<VisualState x:Name="ConnectorsAdornerCollapsed"/>

<VisualState x:Name="ConnectorsAdornerVisible">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ConnectorsControl">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="SelectionStates">

<VisualState x:Name="Selected"/>

<VisualState x:Name="SelectedInGroup">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="SelectedBorder">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Unselected"/>

<VisualState x:Name="SelectedAsGroup"/>

</VisualStateGroup>

<VisualStateGroup x:Name="EditMode">

<VisualState x:Name="NormalMode"/>

<VisualState x:Name="NormalEditMode">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="NormalContent">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Collapsed</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EditContent">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="TextBoxEditMode">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="NormalContent">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Collapsed</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EditTextBox">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Grid>

<Path x:Name="Geometry" Data="{TemplateBinding Geometry}" Fill="{TemplateBinding Background}" Opacity="{TemplateBinding Opacity}" Stretch="Fill" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding StrokeThickness}" StrokeDashArray="{TemplateBinding StrokeDashArray}"/>

<Border x:Name="SelectedBorder" BorderBrush="#FFADD6FF" BorderThickness="1" Visibility="Collapsed"/>

<Border x:Name="ActiveSelectedBorder" BorderBrush="#7FC92931" BorderThickness="2" Visibility="Collapsed"/>

<ContentPresenter x:Name="NormalContent" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" telerik:DiagramBehaviors.TextWrapping="Wrap" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

<Primitives:ConnectorsControl x:Name="ConnectorsControl" ItemContainerStyle="{TemplateBinding ConnectorStyle}" Visibility="Collapsed"/>

</Grid>

<Grid x:Name="PART_RotationalPart">

<ContentPresenter x:Name="EditContent" ContentTemplate="{TemplateBinding EditTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

<TextBox x:Name="EditTextBox" AcceptsReturn="True" Visibility="Collapsed">

<TextBox.Style>

<Style TargetType="{x:Type TextBox}">

<Setter Property="TextWrapping" Value="Wrap"/>

<Setter Property="TextAlignment" Value="Center"/>

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

<Setter Property="FontFamily" Value="Segoe UI"/>

<Setter Property="Foreground" Value="Black"/>

<Setter Property="HorizontalAlignment" Value="Stretch"/>

<Setter Property="VerticalAlignment" Value="Center"/>

<Setter Property="Margin" Value="5"/>

<Setter Property="Padding" Value="2"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type TextBox}">

<Grid x:Name="RootElement">

<Rectangle Fill="White" Stroke="#FF767676" StrokeDashArray="3 3" UseLayoutRounding="True"/>

<ScrollViewer x:Name="PART_ContentHost" BorderThickness="0" Background="Transparent" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">

<telerik:StyleManager.Theme>

<telerik:Office_BlackTheme/>

</telerik:StyleManager.Theme>

</ScrollViewer>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</TextBox.Style>

</TextBox>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

This style works "somehow" but when I use it on a diagramshape and select the shape at runtime I no longer have the "connectors adorner".

Furthermore (I think this is a more common problem) I'm no longer theme aware.
I set my theme at runtime - "unstyled" controls change their appearance - but styled ones do not.

The primary problem is that I want to change some behaviour and need to style the control - without loosing the connector adorner.

Manfred

Diagram

answered on 22 Jul 2013