Questions on UI for WPF Forum

3 answers

197 views

Unexpected TapAndHold behaviour in GridView

Hi,

We have a usercontrol containing a RadGridView. One of the columns has a dropdown. When we run this on a touch device and we touch the dropdown, the TapAndhold image (the circle) is being shown. According to the documentation this TapAndHold control would only appear after 1,5 seconds, but in our case is appears right away after the contents of the dropdown are shown.

The version of the controls we use is 2014.1.0224.40.

The grid in XAML:

<telerik:RadGridView x:Name="gridViewChars"

AutoGenerateColumns="False"

CanUserDeleteRows="False"

CanUserFreezeColumns="False"

CanUserInsertRows="False"

CanUserReorderColumns="False"

CanUserSelect="True"

CanUserSortColumns="False"

DragElementAction="None"

IsFilteringAllowed="False"

IsReadOnly="False"

Margin="0,10,0,0"

RowIndicatorVisibility="Collapsed"

ShowGroupPanel="False"

ColumnWidth="*"

ItemsSource="{Binding CurrentChapter.CurrentChapterOperation.CharacteristicList, Mode=OneWay}"

EditTriggers="None"

ValidatesOnDataErrors="None">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn IsReadOnly="True"

Header="{lex:LocText Key=INSPECTIONDETAIL_CHAR_DESCRIPTION, Dict=Resources, Assembly=MQM_Win32Resources}"

CellTemplate="{StaticResource DescriptionTemplate}"

MaxWidth="400"

/>

<telerik:GridViewDataColumn Header="{lex:LocText Key=INSPECTIONDETAIL_CHAR_VALUE, Dict=Resources, Assembly=MQM_Win32Resources}"

CellTemplateSelector="{StaticResource CharTemplateSelector}"

MaxWidth="400"

/>

<telerik:GridViewDataColumn IsReadOnly="True"

Header="{lex:LocText Key=INSPECTIONDETAIL_CHAR_UNIT, Dict=Resources, Assembly=MQM_Win32Resources}"

DataMemberBinding="{Binding Unit, Mode=OneWay}"

MaxWidth="80" />

<telerik:GridViewDataColumn IsReadOnly="True"

Header="{lex:LocText Key=INSPECTIONDETAIL_CHAR_REFVAL, Dict=Resources, Assembly=MQM_Win32Resources}"

IsVisible="{Binding Path=ShowReferenceData}"

CellTemplate="{StaticResource RefValTemplate}"

MaxWidth="40" />

<telerik:GridViewDataColumn CellTemplate="{StaticResource TypeAsLabelTemplate}"

Header="{lex:LocText Key=INSPECTIONDETAIL_CHAR_TYPE, Dict=Resources, Assembly=MQM_Win32Resources}"

MinWidth="100"

MaxWidth="120"/>

<!--<telerik:GridViewDataColumn IsReadOnly="True" Header="{lex:LocText Key=INSPECTIONDETAIL_CHAR_HISTORY, Dict=Resources, Assembly=MQM_Win32Resources}" CellTemplate="{StaticResource HistoryTemplate}"/>-->

<telerik:GridViewDataColumn CellTemplate="{StaticResource CannotAnswerButtonTemplate}"

IsVisible="{Binding Path=ShowNAButton}"

MaxWidth="60" />

<telerik:GridViewDataColumn CellTemplate="{StaticResource AddPhotoButtonTemplate}" MaxWidth="60"/>

<telerik:GridViewDataColumn CellTemplate="{StaticResource ShowDocumentationButtonTemplate}" MaxWidth="60"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

The datatemplate for the column which contains the dropdown:

<DataTemplate>

<AdornerDecorator>

<telerik:RadComboBox DisplayMemberPath="Name"

IsEditable="False"

IsEnabled="{Binding Path=IsEnabled, Mode=OneWay}"

ItemsSource="{Binding SelectionList}"

Margin="0,0,40,0"

OpenDropDownOnFocus="True"

SourceUpdated="OnSourceUpdated"

ToolTip="{StaticResource TooltipValue}"

ToolTipService.HorizontalOffset="15"

ToolTipService.VerticalOffset="15"

ToolTipService.Placement="Right">

<telerik:RadComboBox.SelectedItem>

<Binding Path="Selection"

Mode="TwoWay"

NotifyOnSourceUpdated="True"

UpdateSourceTrigger="PropertyChanged"

ValidatesOnDataErrors="True" />

</telerik:RadComboBox.SelectedItem>

</telerik:RadComboBox>

</AdornerDecorator>

</DataTemplate>

The style for the RadgridView:

<Style TargetType="{x:Type telerik:RadGridView}">

<Setter Property="telerik:StyleManager.Theme"

Value="Windows8Touch" />

<Setter Property="IsLocalizationLanguageRespected"

Value="False" />

<Setter Property="telerik:TouchManager.IsTouchHitTestVisible"

Value="False" />

</Style>

Is this a bug or did we do something wrong?

Kind regards,
Mike Overmeijer

GridView

answered on 08 Aug 2014

1 answer

212 views

DropDown height

Hi,

I would like to know if it's possible to adjust the dropdown height of the control?!? My dropdown may contain a lot of item and I want the dropdown heigth to be "self adjusting" regarding the number of items I have in the dropdown. Of course, I don't want the height of the dropdown to be bigger than the available display space.

Thank's
Alain

AutoCompleteBox

answered on 08 Aug 2014

1 answer

128 views

Image in AutoCompleteBox

Hi,

I would like to have 2 icons at the most right of the control (inside the input box) like we have in Internet Explorer 11 address... How I possible?!?

Thank's
Al

AutoCompleteBox

answered on 08 Aug 2014

4 answers

159 views

[Solved] What event can I handed when radpane loaded

I thought it would be something like the loaded event but that appears to not be the case. Please advise, thanks.

public partial class Menu : RadPane
{
public Menu()
{
InitializeComponent();
DataContext = new MenuViewModel(mc);
Loaded += Menu_Loaded; //breakpoint here executes

}

void Menu_Loaded(object sender, RoutedEventArgs e)
{
Loaded -= Menu_Loaded; // never executes
((MenuViewModel)DataContext).ShowMenu();
}

protected override void OnLoaded(object sender, RoutedEventArgs e)
{
base.OnLoaded(sender, e); // never executes
((MenuViewModel)DataContext).ShowMenu();
}

}

Docking

answered on 08 Aug 2014

1 answer

207 views

Custom backstage datacontext issue

Hello!

The datacontext of my custom RadRibbonBackstage changes after the ribbonview is fully loaded.

Doesn't matter if I set it's datacontext before or after the InitializeComponent() call in the constructor, I even tried to set it through xaml.

For now I can set the datacontext in the Loaded+= event of my backstage, but seems a crappy solution. I would like to know if this is a correct behavior of the control, or if I am doing something wrong.

I have attached a project where youll be able to easily reproduce the situation, change the extension from png to zip.

RibbonView and RibbonWindow

answered on 08 Aug 2014

2 answers

201 views

Change highlighted palette colors border and tooltip

Hi,

how do i change the border color and tooltip when hovering the mouse over a palette color?.

Thanks.

ColorPicker

answered on 08 Aug 2014

3 answers

189 views

Binding ContextualGroups IsActive to MainWindow public property

I have a MainWindow with various tabs. One of them is a Contextual Tab. I want to set the Contextual Tab's IsActive to the boolean IsFormAgentVisible value which is a public property in my MainWindow.xaml.cs

I'm entirely new to WPF so I'm not sure a normal public property is the best way to go here. When I click on a ribbon button to launch a specific Window I set the IsFormAgentVisible to true. At this point I want to the contextualGroupFormAgents ContextualGroup below to be updated so that IsActive is now true. Hopefully this is a pretty simple task to perform. Thanks.

Contextual Tab code from the MainWindow.xaml:
             <telerik:RadRibbonView.ContextualGroups>
                <telerik:RadRibbonContextualGroup x:Name="contextualGroupFormAgents" />
            </telerik:RadRibbonView.ContextualGroups>

            <telerik:RadRibbonTab Header="Form Agents" ContextualGroupName="contextualGroupFormAgents">
                <telerik:RadRibbonGroup Header="Primary Details">
                    <telerik:RadRibbonDropDownButton Content="Change Primary Details" Click="ChangePrimaryDetailsDropDown_Click" />
                    <telerik:RadRibbonButton Content="Obsolete Forms"/>
                </telerik:RadRibbonGroup>
                <telerik:RadRibbonGroup Header="Process Status">
                    <telerik:RadRibbonDropDownButton Content="Update Process Status" Click="UpdateProcessStatusDropDown_Click" />
                </telerik:RadRibbonGroup>
                <telerik:RadRibbonGroup Header="Memos">
                    <telerik:RadRibbonButton Content="Add Memos"/>
                </telerik:RadRibbonGroup>
                <telerik:RadRibbonGroup Header="Submittal Details">
                    <telerik:RadRibbonDropDownButton Content="Change Submittals" Click="ChangeSubmittalsDropDown_Click"/>
                </telerik:RadRibbonGroup>
            </telerik:RadRibbonTab>

MainWindow.xaml.cs public property:
          public bool IsFormAgentVisible { get; set; }

RibbonView and RibbonWindow

answered on 07 Aug 2014

1 answer

154 views

Carousel With the Ability To Drag like RadListBox

Hi, We are binding a list with both RadListBox(s) (small and large icon view) and RadCarousel to allow the user to see the same list in multiple ways. We need to allow the ability to drag items. At this point, we have enabled the List box to allow Drag and we would like to do the same thing with the RadCarousel (Drag the top most item/ image in the Carousel). Please help us with some sample code to enable the drag behavior from Carousel.
In the below code, I have both the RadListBox(s) and Carousel code.

<UserControl.Resources>

<conv:ByteArrayToImageBrush x:Key="byteArrayToImageBrushConverter" />

<conv:BooleanToString x:Key="booleanToStringConverter" />

<conv:StringToVisibility x:Key="stringToVisibilityConverter" />

<Style x:Key="DraggableListBoxItem" TargetType="telerik:RadListBoxItem">

<Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True" />

</Style>

<Path x:Key="horizontCarouselPath" Stretch="Fill" Opacity="1" Data="M 9,200 C9,200 450,200 450,200 "

Stroke="{StaticResource PrimaryLayoutBorderBrush}" StrokeThickness="1" />

</UserControl.Resources>

<Grid Grid.Row="2" Grid.ColumnSpan="2" Grid.Column="0" Margin="0,10,0,0">

<telerik:RadListBox x:Name="DocumentPageRadListBoxSmall"

ItemsSource="{Binding SelectedPackDocumentPages}"

ItemContainerStyle="{StaticResource DraggableListBoxItem}"

ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionMode="Extended"

Visibility="{Binding PageLayoutView, Converter={StaticResource stringToVisibilityConverter}, ConverterParameter=SmallIconView}" BorderThickness="1" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}">

<telerik:RadListBox.ItemTemplate>

<DataTemplate>

<Border Background="{StaticResource DropzoneBackgroundBrush}" Margin="0,4,0,0" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}"

BorderThickness="1" Height="155" Width="85">

<StackPanel Orientation="Vertical">

<Image

Source="{Binding Converter={StaticResource byteArrayToImageBrushConverter}, Path=PageBytes}"

Height="130" Width="80" HorizontalAlignment="Center"

VerticalAlignment="Center" />

<Label Content="{Binding PageLabel}" Style="{StaticResource Label}"

HorizontalAlignment="Center" Margin="0,0,0,0" />

</StackPanel>

</Border>

</DataTemplate>

</telerik:RadListBox.ItemTemplate>

<telerik:RadListBox.ItemsPanel>

<ItemsPanelTemplate>

<WrapPanel Orientation="Horizontal" />

</ItemsPanelTemplate>

</telerik:RadListBox.ItemsPanel>

<telerik:RadListBox.DragDropBehavior>

<behaviors:DragDropCopyBehavior />

</telerik:RadListBox.DragDropBehavior>

</telerik:RadListBox>

<telerik:RadListBox x:Name="DocumentPageRadListBoxLarge"

ItemsSource="{Binding SelectedPackDocumentPages}"

ItemContainerStyle="{StaticResource DraggableListBoxItem}"

ScrollViewer.HorizontalScrollBarVisibility="Auto" SelectionMode="Extended"

Visibility="{Binding PageLayoutView, Converter={StaticResource stringToVisibilityConverter}, ConverterParameter=LargeIconView}" BorderThickness="1" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}">

<telerik:RadListBox.ItemTemplate>

<DataTemplate>

<Border Background="{StaticResource DropzoneBackgroundBrush}" Margin="0,4,0,0" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}"

BorderThickness="1" Height="Auto" Width="Auto">

<StackPanel Orientation="Vertical">

<Image

Source="{Binding Converter={StaticResource byteArrayToImageBrushConverter}, Path=PageBytes}"

Height="300" Width="170" HorizontalAlignment="Center"

VerticalAlignment="Center" />

<Label Content="{Binding PageLabel}" Style="{StaticResource Label}"

HorizontalAlignment="Center" Margin="0,0,0,0" />

</StackPanel>

</Border>

</DataTemplate>

</telerik:RadListBox.ItemTemplate>

<telerik:RadListBox.ItemsPanel>

<ItemsPanelTemplate>

<StackPanel Orientation="Horizontal" />

</ItemsPanelTemplate>

</telerik:RadListBox.ItemsPanel>

<telerik:RadListBox.DragDropBehavior>

<behaviors:DragDropCopyBehavior />

</telerik:RadListBox.DragDropBehavior>

</telerik:RadListBox>

<telerik:RadCarousel x:Name="DocumentPageRadCarousel" HorizontalContentAlignment="Center"

VerticalContentAlignment="Top"

ItemsSource="{Binding SelectedPackDocumentPages}"

AutoGenerateDataPresenters="False" Background="Transparent"

Visibility="{Binding PageLayoutView, Converter={StaticResource stringToVisibilityConverter}, ConverterParameter=CarouselView}"

Panel.ZIndex="4" FlowDirection="LeftToRight"

HorizontalScrollBarVisibility="Auto" BorderThickness="1" BorderBrush="{StaticResource PrimaryLayoutBorderBrush}">

<telerik:RadCarousel.Resources>

<DataTemplate DataType="{x:Type workflow:DocumentPackPage}">

<Image

Source="{Binding Converter={StaticResource byteArrayToImageBrushConverter}, Path=PageBytes}"

HorizontalAlignment="Center" VerticalAlignment="Center" Height="400" Width="300" />

</DataTemplate>

</telerik:RadCarousel.Resources>

<telerik:RadCarousel.ItemsPanel>

<ItemsPanelTemplate>

<telerik:RadCarouselPanel Path="{StaticResource horizontCarouselPath}" />

</ItemsPanelTemplate>

</telerik:RadCarousel.ItemsPanel>

</telerik:RadCarousel>

</Grid>

Carousel

answered on 07 Aug 2014

0 answers

109 views

FilterDescriptors not work after update collection in ItemsSource

<telerik:RadGridView ItemsSource="{Binding Path=ShipCollection, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=true, NotifyOnValidationError=true, Mode=TwoWay}"
                                     SelectionMode="Single" SelectedItem="{Binding Path=SelectedEvent, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=true, NotifyOnValidationError=true, Mode=TwoWay}"
                                     AutoGenerateColumns="False" ShowGroupPanel="False" RowIndicatorVisibility="Collapsed" CanUserDeleteRows="False" IsFilteringAllowed="True">
                    <telerik:RadGridView.Columns>
                        <telerik:GridViewDataColumn Header="NASA Ship" DataMemberBinding="{Binding Ship, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=true, NotifyOnValidationError=true, Mode=TwoWay}" Width="*" IsReadOnly="True" />

                        
                    </telerik:RadGridView.Columns>                    <telerik:RadGridView.FilterDescriptors>
                        <data:CompositeFilterDescriptor LogicalOperator="Or">
                            <data:CompositeFilterDescriptor.FilterDescriptors>
                                <data:FilterDescriptor Member="Visible" Operator="IsEqualTo" Value="True" />
                            </data:CompositeFilterDescriptor.FilterDescriptors>
                        </data:CompositeFilterDescriptor>
                    </telerik:RadGridView.FilterDescriptors>                </telerik:RadGridView>

GridView

asked on 07 Aug 2014

2 answers

312 views

Insted of TreeNodeCollection what can i use for RadTreeView in WPF

While Migrating Winforms to WPF,Insted of "TreeNodeCollection" what Collection can i use for RadTreeView in WPF.Now I am getting error like"Cannot implicitly convert type System.Windows.form.TreeNode to Telaric.Windows.Controls.RadTreeView."

EX:

private void ConvertXmlNodeToTreeNode(XmlNode xmlNode, TreeNodeCollection treeNodes)
        {

            RadTreeView newTreeNode = treeNodes.Add(xmlNode.Name); Error:Cannot implicitly convert type System.Windows.form.TreeNode to Telaric.Windows.Controls.RadTreeView."

          foreach (XmlAttribute zzz in xmlNode.Attributes)
                {
                    ConvertXmlNodeToTreeNode(zzz, newTreeNode.Items); Error:For this had some invalid arguments.
}
       }
Please Help me ASAP.

Regards,
Ranjith

TreeView

answered on 07 Aug 2014