Questions on UI for WPF Forum

4 answers

236 views

Hello I have a grid with rows reordered I'm trying the method ScrollIndexIntoView, to make sure that the grid scroll while dragging a row.

The first time it works, the second no.
Post my code

private void OnDropInfo(object sender, DragDropEventArgs e)

{

if (!(e.Options.Source is GridViewRow))

return;

RadGridView gridView = sender as RadGridView;

uPlanning planningContainer = GetPlanningContainer(gridView);

planningContainer.pTimer.Enabled = false;

IList draggedItems = e.Options.Payload as IList;

TreeViewDragCue cue = e.Options.DragCue as TreeViewDragCue;

cue.DropPossibleIconTemplate = null;

cue.DropPossibleIcon = null;

cue.DropImpossibleIconTemplate = null;

cue.DropImpossibleIcon = null;

if (e.Options.Status == DragStatus.DropPossible)

{

int rowIndex = 0;

if (draggedItems.Count > 0)

{

GridViewRow row = this.AssociatedObject.ItemContainerGenerator.ContainerFromItem(this.currentDropItem) as GridViewRow;

DropPosition pos = this.GetDropPositionFromPoint(e.Options.CurrentDragPoint, row);

//azzero template drag&drop

foreach (GridViewRow gvr in gridView.ChildrenOfType<GridViewRow>())

gvr.BorderThickness = new Thickness(0, 0, 0, 0);

rowIndex = gridView.Items.IndexOf(this.currentDropItem) + 1;

#region Template drag&drop

switch (pos.ToString())

{

case ("Before"):

cue.DragActionContent = String.Format("Sposta prima di ");

if (row != null)

{

row.BorderThickness = new Thickness(0, 5, 0, 0);

row.BorderBrush = new SolidColorBrush(Colors.White);

}

break;

case ("After"):

cue.DragActionContent = String.Format("Sposta dopo ");

if (row != null)

{

row.BorderThickness = new Thickness(0, 0, 0, 5);

row.BorderBrush = new SolidColorBrush(Colors.White);

}

break;

default:

cue.DragActionContent = String.Format("Inserisci ");

break;

}

if (currentDropItem != null)

{

if (currentDropItem is PROD_ORDINI)

cue.DragTooltipContent = (currentDropItem as PROD_ORDINI).opcliedes;

else

cue.DragTooltipContent = (currentDropItem as Cvt).cvtnumero;

cue.IsDropPossible = false;

if (gridView.Tag.ToString() == "E" && draggedItems[0] is PROD_ORDINI)

{

//se sposto all'interno dei da pianificare

cue.DragActionContent = null;

cue.IsDropPossible = true;

}

if (gridView.Tag.ToString() == "F" && draggedItems[0] is Cvt)

{

cue.DragTooltipContent = null;

cue.IsDropPossible = true;

}

#endregion

}

else

{

//azzero template drag&drop

foreach (GridViewRow gvr in gridView.ChildrenOfType<GridViewRow>())

gvr.BorderThickness = new Thickness(0, 0, 0, 0);

}

gridView.ScrollIndexIntoView(rowIndex);

}

}

GridView

answered on 11 Sep 2014

1 answer

160 views

Automatic GUI refres with entity framework

Hello all,
It's my first(?) post so please be forgiving. To be onest the same post I've sent to ScheduleView section :-), so this is quote:

"I've studied ScheduleView with database entity framework (SDK samples).I'm wondering if it is possible to get automatic feedback from database and automatically refresh WPF GUI (ScheduleView) ? In SDK example database is placed in mdf file, but for my needs I've transferred all the tables to SQL Server (Express) - through executing all the sql scripts placed in the ScheduleView Database tutorial. I've modified connectionString to connect with SQL Server instance, instead of database mdf file.
Everything works perfect, but I want to achieve effect in which other person(s) will update Appointments directly in SQL database (e.g. via MS SQL Server Management Studio) and in my application WPF ScheduleView (GridView ?) changes will be automatically visible (e.g. Appointment subiect automatically wil be refreshed). Whether it is at all possible ? I hope all my "problems" are clear to you dear forum people."

Regards
Robert

General Discussions

answered on 10 Sep 2014

1 answer

191 views

GUI Update via entity framework

Hello all,
It's my first post so please be forgiving.
I've studied ScheduleView with database entity framework (SDK samples).I'm wondering if it is possible to get automatic feedback from database and automatically refresh WPF GUI (ScheduleView) ? In SDK example database is placed in mdf file, but for my needs I've transferred all the tables to SQL Server (Express) - through executing all the sql scripts placed in the ScheduleView Database tutorial. I've modified connectionString to connect with SQL Server instance, instead of database mdf file.
Everything works perfect, but I want to achieve effect in which other person(s) will update Appointments directly in SQL database (e.g. via MS SQL Server Management Studio) and in my application WPF ScheduleView (GridView ?) changes will be automatically visible (e.g. Appointment subiect automatically wil be refreshed). Whether it is at all possible ? I hope all my "problems" are clear to you dear forum people.
Regards
Robert

ScheduleView

answered on 10 Sep 2014

5 answers

1.8K+ views

Error: ItemTemplate and ItemTemplateSelector are ignored for items already of the ItemsControl's container type

Hi,
I'm having some issues using the Gauges: it seems that every element added to the Indicators or CustomItems generates a System.Windows.Data Error. The example in this code

<telerik:RadHorizontalLinearGauge x:Name="EntireGauge" Grid.Row="1">

<telerik:LinearScale Min="0" Max="10" ShowFirstLabel="False" MajorTicks="0" Fill="Green">

<telerik:LinearScale.Indicators>

<telerik:Marker x:Name="PreMarker" Value="3" />

</telerik:LinearScale.Indicators>

<telerik:LinearScale.CustomItems>

<TextBlock Text="CustomItemText" telerik:ScaleObject.Value="5" />

</telerik:LinearScale.CustomItems>

</telerik:LinearScale>

</telerik:RadHorizontalLinearGauge>

cause the following errors:

System.Windows.Data Error: 26 : ItemTemplate and ItemTemplateSelector are ignored for items already of the ItemsControl's container type; Type='IndicatorGroup'

System.Windows.Data Error: 26 : ItemTemplate and ItemTemplateSelector are ignored for items already of the ItemsControl's container type; Type='TextBlock'

I'm using the version 2012.1.416.40: could you explain me how to fix the issue?

Thank you so much.

Best Regards,
Rocco

Gauges

answered on 10 Sep 2014

2 answers

243 views

Error styling RadMenu

Hi,

I have some problems to formatting menu as required. I want create a dynamic menu that the first layer of menu items appears like a blue button with rounded corners and follows menu item childs must be appears like a green button with rounded corners (first attached file). But for some reason the follows menu items don't appears as required and the background is transparent (second attached file).

The resources code is:

001.<UserControl.Resources>

002.

003. <Style TargetType="{x:Type TextBlock}" x:Key="WrappingStyle">

004. <Setter Property="Text" Value="{Binding Name}"/>

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

006. <Setter Property="HorizontalAlignment" Value="Center" />

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

008. </Style>

009.

010. <ControlTemplate x:Key="TopLevelHeaderTemplateKey" TargetType="{x:Type telerik:RadMenuItem}">

011. <Grid x:Name="RootElement" Margin="5,0" AllowDrop="True" Width="120" Height="50" Background="Transparent">

012. <VisualStateManager.VisualStateGroups>

013. <VisualStateGroup x:Name="CommonStates">

014. <VisualState x:Name="Highlighted"/>

015. <VisualState x:Name="Disabled">

016. <Storyboard>

017. <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentGrid"/>

018. </Storyboard>

019. </VisualState>

020. <VisualState x:Name="Normal"/>

021. </VisualStateGroup>

022. <VisualStateGroup x:Name="FocusStates">

023. <VisualState x:Name="Unfocused"/>

024. <VisualState x:Name="Focused"/>

025. </VisualStateGroup>

026. <VisualStateGroup x:Name="CheckStates">

027. <VisualState x:Name="Checked">

028. <Storyboard>

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

030. <DiscreteObjectKeyFrame KeyTime="0">

031. <DiscreteObjectKeyFrame.Value>

032. <Visibility>Visible</Visibility>

033. </DiscreteObjectKeyFrame.Value>

034. </DiscreteObjectKeyFrame>

035. </ObjectAnimationUsingKeyFrames>

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

037. <DiscreteObjectKeyFrame KeyTime="0">

038. <DiscreteObjectKeyFrame.Value>

039. <Visibility>Collapsed</Visibility>

040. </DiscreteObjectKeyFrame.Value>

041. </DiscreteObjectKeyFrame>

042. </ObjectAnimationUsingKeyFrames>

043. </Storyboard>

044. </VisualState>

045. <VisualState x:Name="Unchecked"/>

046. <VisualState x:Name="HideIcon">

047. <Storyboard>

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

049. <DiscreteObjectKeyFrame KeyTime="0">

050. <DiscreteObjectKeyFrame.Value>

051. <Visibility>Visible</Visibility>

052. </DiscreteObjectKeyFrame.Value>

053. </DiscreteObjectKeyFrame>

054. </ObjectAnimationUsingKeyFrames>

055. </Storyboard>

056. </VisualState>

057. </VisualStateGroup>

058. </VisualStateManager.VisualStateGroups>

059. <Border Background="#FF1F497D" AllowDrop="False" BorderBrush="#FF0032FF" BorderThickness="3" CornerRadius="5"/>

060. <Grid x:Name="ContentGrid" Margin="{TemplateBinding Padding}">

061. <Grid.ColumnDefinitions>

062. <ColumnDefinition Width="Auto"/>

063. <ColumnDefinition Width="*"/>

064. </Grid.ColumnDefinitions>

065. <Path x:Name="Tick" Grid.Column="0" Data="M0,5.1L1.7,5.2 3.4,7.1 8,0.4 9.2,0 3.3,10.8z" Fill="{TemplateBinding Foreground}" FlowDirection="LeftToRight" Margin="0,0,4,0" Visibility="Collapsed" VerticalAlignment="Center"/>

066. <ContentPresenter x:Name="Icon" ContentTemplate="{TemplateBinding IconTemplate}" Content="{TemplateBinding Icon}" Grid.Column="0" Margin="0,0,4,0"/>

067. <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="1" RecognizesAccessKey="True" HorizontalAlignment="Center" VerticalAlignment="Center">

068. <ContentPresenter.Resources>

069. <Style TargetType="{x:Type TextBlock}" BasedOn="{StaticResource WrappingStyle}"/>

070. </ContentPresenter.Resources>

071. </ContentPresenter>

072.

073. </Grid>

074. <Popup x:Name="PART_Popup" AllowsTransparency="True" Focusable="False" HorizontalOffset="-1" IsOpen="{TemplateBinding IsSubmenuOpen}" VerticalOffset="1">

075. <Grid Background="Transparent">

076. <Grid x:Name="PopupContentElement" Background="Transparent">

077. <Border BorderBrush="#FF848484" Background="Transparent">

078. <Grid Background="Transparent">

079. <ItemsPresenter Margin="1"/>

080. </Grid>

081. </Border>

082. </Grid>

083. </Grid>

084. </Popup>

085. </Grid>

086. </ControlTemplate>

087.

088. <ControlTemplate x:Key="SubmenuHeaderTemplateKey" TargetType="{x:Type telerik:RadMenuItem}">

089. <Grid x:Name="RootElement" Background="Transparent">

090. <VisualStateManager.VisualStateGroups>

091. <VisualStateGroup x:Name="CommonStates">

092. <VisualState x:Name="Highlighted">

093. <Storyboard>

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

095. <DiscreteObjectKeyFrame KeyTime="0">

096. <DiscreteObjectKeyFrame.Value>

097. <Visibility>Visible</Visibility>

098. </DiscreteObjectKeyFrame.Value>

099. </DiscreteObjectKeyFrame>

100. </ObjectAnimationUsingKeyFrames>

101. </Storyboard>

102. </VisualState>

103. <VisualState x:Name="Disabled">

104. <Storyboard>

105. <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentGrid"/>

106. </Storyboard>

107. </VisualState>

108. <VisualState x:Name="Normal"/>

109. </VisualStateGroup>

110. <VisualStateGroup x:Name="FocusStates">

111. <VisualState x:Name="Unfocused"/>

112. <VisualState x:Name="Focused"/>

113. </VisualStateGroup>

114. <VisualStateGroup x:Name="CheckStates">

115. <VisualState x:Name="Checked">

116. <Storyboard>

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

118. <DiscreteObjectKeyFrame KeyTime="0">

119. <DiscreteObjectKeyFrame.Value>

120. <Visibility>Visible</Visibility>

121. </DiscreteObjectKeyFrame.Value>

122. </DiscreteObjectKeyFrame>

123. </ObjectAnimationUsingKeyFrames>

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

125. <DiscreteObjectKeyFrame KeyTime="0">

126. <DiscreteObjectKeyFrame.Value>

127. <Visibility>Collapsed</Visibility>

128. </DiscreteObjectKeyFrame.Value>

129. </DiscreteObjectKeyFrame>

130. </ObjectAnimationUsingKeyFrames>

131. </Storyboard>

132. </VisualState>

133. <VisualState x:Name="Unchecked"/>

134. <VisualState x:Name="HideIcon">

135. <Storyboard>

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

137. <DiscreteObjectKeyFrame KeyTime="0">

138. <DiscreteObjectKeyFrame.Value>

139. <Visibility>Visible</Visibility>

140. </DiscreteObjectKeyFrame.Value>

141. </DiscreteObjectKeyFrame>

142. </ObjectAnimationUsingKeyFrames>

143. </Storyboard>

144. </VisualState>

145. </VisualStateGroup>

146. </VisualStateManager.VisualStateGroups>

147. <Border Background="#FF9BBB59" AllowDrop="True" BorderBrush="#FF71893F" CornerRadius="5" Padding="5,0" BorderThickness="3" Margin="0,2"/>

148. <Grid Margin="2" Background="Transparent">

149. <Border x:Name="HighlightVisual" BorderThickness="3" CornerRadius="5" Visibility="Collapsed" Background="Transparent" AllowDrop="True" BorderBrush="#FF71893F">

150. <Border CornerRadius="0" Background="#FF7F7F7F" BorderBrush="Transparent"/>

151. </Border>

152. <Grid x:Name="ContentGrid" Background="Transparent">

153. <Grid.ColumnDefinitions>

154. <ColumnDefinition Width="Auto"/>

155. <ColumnDefinition Width="*"/>

156. </Grid.ColumnDefinitions>

157. <Grid Width="0" Background="Transparent" HorizontalAlignment="Left" VerticalAlignment="Top">

158. <Path x:Name="Tick" Grid.Column="0" Data="M0,5.1L1.7,5.2 3.4,7.1 8,0.4 9.2,0 3.3,10.8z" Fill="{TemplateBinding Foreground}" FlowDirection="LeftToRight" HorizontalAlignment="Center" Visibility="Collapsed" VerticalAlignment="Center"/>

159. <ContentPresenter x:Name="Icon" ContentTemplate="{TemplateBinding IconTemplate}" Content="{TemplateBinding Icon}" Grid.Column="0" Margin="2,2,10,2"/>

160. </Grid>

161. <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="1" RecognizesAccessKey="True" Margin="10,5" HorizontalAlignment="Center" VerticalAlignment="Center">

162. <ContentPresenter.Resources>

163. <Style TargetType="{x:Type TextBlock}" BasedOn="{StaticResource WrappingStyle}"/>

164. </ContentPresenter.Resources>

165. </ContentPresenter>

166. </Grid>

167. </Grid>

168. <Popup x:Name="PART_Popup" AllowsTransparency="True" Focusable="False" HorizontalOffset="-1" IsOpen="{TemplateBinding IsSubmenuOpen}" VerticalOffset="1">

169. <Grid Background="Transparent">

170. <Grid x:Name="PopupContentElement" Background="Transparent">

171. <Border BorderBrush="#FF848484" Background="Transparent">

172. <Grid Background="Transparent">

173. <ItemsPresenter Margin="1"/>

174. </Grid>

175. </Border>

176. </Grid>

177. </Grid>

178. </Popup>

179. </Grid>

180. </ControlTemplate>

181.

182. <Style x:Key="RadMenuTemplateKey" TargetType="{x:Type telerik:RadMenu}">

183. <Setter Property="Margin" Value="10"/>

184. <Setter Property="FontSize" Value="14"/>

185. <Setter Property="Background" Value="#00663333"/>

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

187. </Style>

188.

189. <Style x:Key="ItemContainerStyleKey" TargetType="{x:Type telerik:RadMenuItem}">

190. <Setter Property="Margin" Value="10"/>

191. <Setter Property="FontSize" Value="14" />

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

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

194. <Setter Property="TopLevelHeaderTemplateKey" Value="{DynamicResource TopLevelHeaderTemplateKey}"/>

195. <Setter Property="SubmenuHeaderTemplateKey" Value="{DynamicResource SubmenuHeaderTemplateKey}"/>

196. <Setter Property="TopLevelItemTemplateKey" Value="{DynamicResource TopLevelHeaderTemplateKey}"/>

197. <Setter Property="SubmenuItemTemplateKey" Value="{DynamicResource SubmenuHeaderTemplateKey}"/>

198. </Style>

199.

200.</UserControl.Resources>

And the menu code is:

01.<telerik:RadMenu Style="{DynamicResource RadMenuTemplateKey}" ItemContainerStyle="{DynamicResource ItemContainerStyleKey}">

02.

03. <telerik:RadMenuItem Header="Menu 1" >

04. <telerik:RadMenuItem Header="Anual">

05. <telerik:RadMenuItem Header="Detalhe"/>

06. </telerik:RadMenuItem>

07. <telerik:RadMenuItem Header="Mensal"/>

08. <telerik:RadMenuItem Header="Semanal"/>

09. <telerik:RadMenuItem Header="Diário"/>

10. </telerik:RadMenuItem>

11. <telerik:RadMenuItem Header="Menu 2">

12. <telerik:RadMenuItem Header="Anual" />

13. <telerik:RadMenuItem Header="Mensal"/>

14. <telerik:RadMenuItem Header="Semanal"/>

15. <telerik:RadMenuItem Header="Diário"/>

16. </telerik:RadMenuItem>

17.

18.</telerik:RadMenu>

Can someone help me and tell me what I doing wrong?

Thank you.

Menu

answered on 10 Sep 2014

1 answer

5.4K+ views

Automatically Scroll to the last Item in ListBox

Hi,

i have a little application running as trayicon. Here i use a RadListBox to add some informations for the user.

In my code behind:

var item1 = new RadListBoxItem() { Content = "Start Sync" + Convert.ToString(i)};

results.Items.Add(item1);

works fine. But how do i scroll down to the latest added item in my ListBox?

Thanks a lot, best Regards
Rene

ListBox

answered on 10 Sep 2014

1 answer

329 views

Telerik WPF RichTextBox

Hi,

I'm working with the RichTextBox control and I need to change the default alignment of text to justified. How can I do this?
Did some testing, but without success.

Here is the code i am using:

public void SetRichTextBoxSettings(ObservableCollection<Examination> examinations)
{
RichTextBox.HorizontalAlignment = HorizontalAlignment.Stretch;
//foreach (var paragraph in RichTextBox.Document.EnumerateChildrenOfType<Paragraph>())
//{
//paragraph.TextAlignment = RadTextAlignment.Justify;
//}
RichTextBox.DocumentInheritsDefaultStyleSettings = true;
}

Any help would be appreciated.

Best regards,
Cristiano Machado

RichTextBox

answered on 10 Sep 2014

4 answers

475 views

GridViewMaskedTextBoxColumn

<telerik:RadGridView Grid.Column="3" HorizontalAlignment="Left" Grid.Row="11" VerticalAlignment="Top" Width="auto" Height="135" ItemsSource="{Binding PhoneNumbers, UpdateSourceTrigger=PropertyChanged}" AutoGenerateColumns="False" ShowGroupPanel="False" AllowDrop="True" GroupRenderMode="Flat" NewRowPosition="Bottom"

<telerik:RadGridView.Columns>

<telerik:GridViewMaskedTextBoxColumn Header="Phone number" DataMemberBinding="{Binding PhoneNumber, UpdateSourceTrigger=PropertyChanged}" Mask="+#(###)###-##-##" MaskType="Standard"

/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

I'm trying to use masked textbox to get phone number from the user and to show them to him. So, cell is masked only in edit mode (e.g. +9(999) 999-99-99). In view mode it looks like there is no any mask (e.g. 99999999999). And in binded item "PhoneNumber" it saves without mask. But I'd like to save string with mask into binded item. I know about TextWithLiterals property but i use MVVM, so it is not an answer.

GridView

answered on 10 Sep 2014

8 answers

480 views

[Solved] Set crop rectangle from code

In my WPF app, I need to take a bitmap I am given and extract two rectangles from it, and then display the original plus each extracted rectangle, each of which would first be saved to disk.

I can display the bitmap ok in RadImageEditor and cause the crop rectangle to display using ExecuteTool(new CropTool), allowing manual selection, and after user interaction then save that cropped image ok.

What I don't understand is how to set the crop rectangle from code.

I have discovered the CropCommandContext returned by ExecutingTool.GetContext, but that is readonly.

thanks

ImageEditor

answered on 10 Sep 2014

1 answer

101 views

Export Annotations

Hi, how to export just annotations without document?

RichTextBox

answered on 09 Sep 2014