Telerik Forums
UI for WPF Forum
1 answer
171 views

Can anybody help with why the following will not display a vertical

<Grid>
        <telerik:RadListBox HorizontalAlignment="Left" Height="135" Margin="24,13,0,0" VerticalAlignment="Top" Width="510" ItemsSource="{Binding Source={StaticResource groups}, UpdateSourceTrigger=PropertyChanged}" SelectedIndex="{Binding AssocIdx, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}">
            <telerik:RadListBox.ItemTemplate>
                <DataTemplate>
                    <VirtualizingStackPanel>
                        <TextBlock Text="{Binding display}" />
                    </VirtualizingStackPanel>
                </DataTemplate>
            </telerik:RadListBox.ItemTemplate>
            <telerik:RadListBox.GroupStyle>
                <GroupStyle HeaderTemplate="{StaticResource groupTemplate}" />
            </telerik:RadListBox.GroupStyle>
        </telerik:RadListBox>
</Grid>

but the following does?

<Grid>
        <telerik:RadListBox Height="77" Width="410" ItemsSource="{Binding Source={StaticResource groups}}" SelectedIndex="{Binding AssocIdx, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}">
            <telerik:RadListBox.ItemTemplate>
                <DataTemplate>
                    <VirtualizingStackPanel>
                        <TextBlock Text="{Binding Name}" />
                    </VirtualizingStackPanel>
                </DataTemplate>
            </telerik:RadListBox.ItemTemplate>
             
            <telerik:RadListBox.GroupStyle>
                <GroupStyle HeaderTemplate="{StaticResource groupTemplate}" />
            </telerik:RadListBox.GroupStyle>
             
        </telerik:RadListBox>
    </Grid>

Polya
Telerik team
 answered on 23 Dec 2015
1 answer
134 views

I recently wanted to add "headers" to my ListBox and was able to do so thanks to the following post:

http://www.telerik.com/forums/can-a-listbox-have-headers

However, now I haven't been able to have the entries in the listbox refresh when the underlying data changes. It seemed to work just find before the "headers" were added. I have attached the original code when the data binding seemed to work fine:

<telerik:RadListBox HorizontalAlignment="Left" Height="235" Margin="24,13,0,0" VerticalAlignment="Top" Width="510" ItemsSource="{Binding Associates, UpdateSourceTrigger=PropertyChanged}" SelectedIndex="{Binding AssocIdx, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" DisplayMemberPath="display">
        </telerik:RadListBox>

and the code where the headers works fine (but data binding doesn't seem to work when the data changes...):

<telerik:RadListBox HorizontalAlignment="Left" Height="235" Margin="24,13,0,0" VerticalAlignment="Top" Width="510" ItemsSource="{Binding Source={StaticResource groups}, UpdateSourceTrigger=PropertyChanged}" SelectedIndex="{Binding AssocIdx, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" DisplayMemberPath="">
            <telerik:RadListBox.ItemTemplate>
                <DataTemplate>
                    <VirtualizingStackPanel>
                        <TextBlock Text="{Binding display}" />
                    </VirtualizingStackPanel>
                </DataTemplate>
            </telerik:RadListBox.ItemTemplate>
            <telerik:RadListBox.GroupStyle>
                <GroupStyle HeaderTemplate="{StaticResource groupTemplate}" />
            </telerik:RadListBox.GroupStyle>
        </telerik:RadListBox>

Polya
Telerik team
 answered on 23 Dec 2015
3 answers
150 views

Hi all,

  I implement row drag drop function, I got a demo source code in somewhere forum(), the problem is:

In demo source code, Telerik tersion is 2009.1.526.35, below code works OK

private void RowMouseMove(object sender, MouseEventArgs e)
{
//Some code
RadItemsControl itemsControl = this.gridView.ItemsControl;
this.currentDropIndex = itemsControl.Records.IndexOf(row.Record);
//Some code
}

But currently my solution uses a newer Telerik version, 2014.1.331.40, RadItemsControl could not be found. 

How can I find the similar control to replace the old one? Or any idea to get current drop index here?

 Thanks.

 

Quang Khải
Top achievements
Rank 1
 answered on 23 Dec 2015
3 answers
90 views
I'm using the RadDesktopAlert to display notifications in my WPF app. When I open a RadWindow while a RadDesktopAlert is being displayed, the RadWindow disappears when the RadDesktopAlert disappears. I don't think the RadWindow is being closed or minimized, as neither of the associated events are fired when the RadWindow disappears. Is this possibly a bug in the RadDesktopAlert?
Kalin
Telerik team
 answered on 23 Dec 2015
0 answers
304 views

I'm using a simple RadMenu and I am having a bit of trouble getting it to look correctly in the application.

It seems to be adding a small padding area to the surrounding the first menu item. (I've attached an image of how it renders in the application)

Here is the XAML: 

<DockPanel Height="40" >
    <telerik:RadMenu Height="40" Width="100" HorizontalAlignment="Right" VerticalAlignment="Center" FlowDirection="RightToLeft" IconColumnWidth="0" Padding="0" Margin="0">
        <telerik:RadMenuItem Width="100" Header="Menu" Click="RadMenuItem_Click" HorizontalAlignment="Right" Margin="0,0,-2,0" Height="40" >
            <telerik:RadMenuItem Header="Main" Height="40"/>
            <telerik:RadMenuItem Header="Alarms" Height="40"/>
            <telerik:RadMenuItem Header="Configuration" Height="40"/>
            <telerik:RadMenuItem Header="Exit" Height="40"/>
        </telerik:RadMenuItem>
    </telerik:RadMenu>
</DockPanel>

Also, I don't want the arrow icon to appear, but I don't seem to be able to get rid of it.

I'm using the Windows8Touch theme.

Any help would be appreciated.

 

paully21
Top achievements
Rank 1
 asked on 22 Dec 2015
2 answers
473 views

I'm looking for a way to change the background of the title bar of a RadWindow.Alert.

I'm looking to mimic the affect that line one has on the title bar without changing the accent color for ALL items.

Ideally, I'd like to be able to pass in the Colors.Red or set a Style Resource somewhere.

 

01.Windows8TouchPalette.Palette.AccentColor = Colors.Red;
02.RadWindow.Alert(new DialogParameters()
03.{
04.    Theme = new Windows8TouchTheme(),
05.    Content = GetAlarmDialogContent(),
06.    Closed = OnAlarmDialogClosed,
07.    OkButtonContent = "Acknowledge",
08.    Owner = this
09.});
 

 

paully21
Top achievements
Rank 1
 answered on 22 Dec 2015
3 answers
627 views
Hi,

it is posible to use RadListbox to reorder items by drag&drop whihe wrappanel is set as ItemsPanel?

<telerik:RadListBox ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem, Mode=TwoWay}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <telerik:RadListBox.ItemContainerStyle>
      <Style TargetType="telerik:RadListBoxItem" BasedOn="{StaticResource RadListBoxItemStyle}">
        <Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True" />
      </Style>
    </telerik:RadListBox.ItemContainerStyle>
     
    <telerik:RadListBox.DragVisualProvider>
      <telerik:ScreenshotDragVisualProvider />
    </telerik:RadListBox.DragVisualProvider>
     
    <telerik:RadListBox.DragDropBehavior>
      <telerik:ListBoxDragDropBehavior AllowReorder="True"  />
    </telerik:RadListBox.DragDropBehavior>
 
    <telerik:RadListBox.ItemsPanel>
      <ItemsPanelTemplate>
        <WrapPanel />
      </ItemsPanelTemplate>
    </telerik:RadListBox.ItemsPanel>
Polya
Telerik team
 answered on 22 Dec 2015
2 answers
157 views

Hi,

I am using ScatterSplineSeries and I have defined tooltip template in PointTemplate. My requirement is such that I do not want to see the data points visually but on mouse hover on point tooltip to be shown. Here is my XAML. I tried setting the Visibility property of the Ellipse but then tooltip also stopped showing. How to acheive this ? Please help me.

<telerik:ScatterSeriesDescriptor ItemsSourcePath="Points" YValuePath="YValue" XValuePath="XValue">
                    <telerik:ScatterSeriesDescriptor.Style>
                        <Style TargetType="telerik:ScatterSplineSeries">
                            <Setter Property="StrokeThickness" Value="{Binding StrokeThickness}"></Setter>
                            <Setter Property="Stroke" Value="{Binding Color}"></Setter>
                            <Setter Property="Visibility" Value="{Binding IsVisible,Converter={StaticResource BooleanToVisibilityConverter}}"></Setter>
                            <Setter Property="DisplayName" Value="{Binding Name}"></Setter>
                            <Setter Property="PointTemplate">
                                <Setter.Value>
                                    <DataTemplate>
                                        <Ellipse Width="10" Height="10"  Fill="{DynamicResource BRUSH_SELECTION}">
                                            <Ellipse.ToolTip>
                                                <ToolTip>
                                                    <ToolTip.Style>
                                                        <Style TargetType="ToolTip">
                                                            <Style.Setters>
                                                                <Setter Property="Template">
                                                                    <Setter.Value>
                                                                        <ControlTemplate>
                                                                            <Grid Background="{DynamicResource BRUSH_TOOLTIP}" HorizontalAlignment="Right" Width="120" Height="70">
                                                                                <StackPanel Margin="5" Orientation="Vertical">
                                                                                    <StackPanel Width="{TemplateBinding Width}" Orientation="Horizontal" Background="{DynamicResource BRUSH_TOOLTIP}" Margin="5">
                                                                                        <TextBlock Text="Volume: " FontWeight="Bold"/>
                                                                                        <TextBlock Text="{Binding XValue}" FontWeight="Bold"/>
                                                                                        <TextBlock Text=" %" FontWeight="Bold"/>
                                                                                    </StackPanel>
                                                                                    <StackPanel Width="{TemplateBinding Width}" Orientation="Horizontal" Background="{DynamicResource BRUSH_TOOLTIP}" Margin="5">
                                                                                        <TextBlock Text="Dose: " FontWeight="Bold" />
                                                                                        <TextBlock Text="{Binding YValue}" FontWeight="Bold" />
                                                                                        <TextBlock Text=" Gy" FontWeight="Bold"/>
                                                                                    </StackPanel>
                                                                                </StackPanel>
                                                                            </Grid>
                                                                        </ControlTemplate>
                                                                    </Setter.Value>
                                                                </Setter>
 
                                                            </Style.Setters>
                                                        </Style>
                                                    </ToolTip.Style>
                                                </ToolTip>
                                            </Ellipse.ToolTip>
                                        </Ellipse>
 
                                    </DataTemplate>
                                </Setter.Value>
                            </Setter>
 
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IsDashed,Mode=TwoWay}" Value="True">
                                    <Setter Property="DashArray" Value="5"></Setter>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </telerik:ScatterSeriesDescriptor.Style>
                </telerik:ScatterSeriesDescriptor >

Shilpa
Top achievements
Rank 1
 answered on 22 Dec 2015
2 answers
389 views

Hi, 

We are using RadMenu on a  solution with wpf and telerik on this way:

Here is the element menu: 

 <telerik:RadMenu x:Name="MenuPrincipal" ItemsSource="{Binding MenuItems}"                         
                         ItemContainerStyle="{StaticResource MenuItemStyle}" >  </telerik:RadMenu> 

Styles:

 <UserControl.Resources>
            <Style x:Key="MenuItemStyle" TargetType="telerik:RadMenuItem">
                <Setter Property="Command" Value="{Binding Command}" />
                <Setter Property="CommandParameter" Value="{Binding CommandParameter}" />
                <Setter Property="Header" Value="{Binding Header}" />
                <Setter Property="ItemsSource" Value="{Binding Items}"/>
                <Setter Property="IsSeparator" Value="{Binding IsSeparator}"/>                              
        </Style>           
    </UserControl.Resources>

The item collection are generated like a ObservableCollection of our own class with header, subitems, and everything it´s working fine. The Menu it´s appearing ok on the screen and showing correctly the childs and parents. The relation between parents and childs inside the RadMenu Items are working fine :)

The problem is... now, i need to add a RadContextMenu on some items of the menu, and i don´t know how to do it. I´m trying to do on several ways, but nothing it´s working properly.

First try:

 <telerik:RadMenu x:Name="MenuPrincipal" VerticalAlignment="Top"  ItemsSource="{Binding MenuItems}"                         
                         ItemContainerStyle="{StaticResource MenuItemStyle}" >                      
                  <telerik:RadMenu.ItemTemplate >
                            <DataTemplate>
                                     <telerik:RadMenuItem Header="{Binding}" ContextMenuOpening="RadMenuItem_ContextMenuOpening" >
                                              <telerik:RadContextMenu.ContextMenu>
                                                <telerik:RadContextMenu>                                                
                                                    <telerik:RadMenuItem Header="{Binding }"/>
                                                </telerik:RadContextMenu>
                                            </telerik:RadContextMenu.ContextMenu>                            
                                    </telerik:RadMenuItem>   
                            </DataTemplate>
                 </telerik:RadMenu.ItemTemplate>-->
            </telerik:RadMenu>

That way, creates the menu item like a button (with a border...) and it´s not responding on click. (If i click outside the border the menu displays). I can Solve with "autoopen", but in that way, when the context menu has showed, the menu closes, also whit "stayopen" property enabled. 

 

Second Try

With codebehind - Trying to add a RadContextMenu on our own class of the menu and binding on  that way <Setter Property="ContextMenu" Value="{Binding ContextMenu}"/> Not succesfull :( 

Also to consider. I need to show the menu only in the final childs, not in the parent menus... 

Any help will be appreciated. 

Thank you, regards. 

 

 

Carlos
Top achievements
Rank 1
 answered on 22 Dec 2015
9 answers
1.0K+ views
I'm working with my first RadListBox in WPF. Can it have headers? If so, how is that done?
Kalin
Telerik team
 answered on 22 Dec 2015
Narrow your results
Selected tags
Tags
GridView
General Discussions
Chart
RichTextBox
Docking
ScheduleView
ChartView
TreeView
Diagram
Map
ComboBox
TreeListView
Window
RibbonView and RibbonWindow
PropertyGrid
DragAndDrop
TabControl
TileView
Carousel
DataForm
PDFViewer
MaskedInput (Numeric, DateTime, Text, Currency)
AutoCompleteBox
DatePicker
Buttons
ListBox
GanttView
PivotGrid
Spreadsheet
Gauges
NumericUpDown
PanelBar
DateTimePicker
DataFilter
Menu
ContextMenu
TimeLine
Calendar
Installer and Visual Studio Extensions
ImageEditor
BusyIndicator
Expander
Slider
TileList
PersistenceFramework
DataPager
Styling
TimeBar
OutlookBar
TransitionControl
Book
FileDialogs
ToolBar
ColorPicker
TimePicker
SyntaxEditor
MultiColumnComboBox
VirtualGrid
Wizard
ExpressionEditor
NavigationView (Hamburger Menu)
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
ProgressBar
Sparkline
LayoutControl
TabbedWindow
ToolTip
CloudUpload
ColorEditor
TreeMap and PivotMap
EntityFrameworkCoreDataSource (.Net Core)
HeatMap
Chat (Conversational UI)
VirtualizingWrapPanel
Calculator
NotifyIcon
TaskBoard
TimeSpanPicker
BulletGraph
Licensing
WebCam
CardView
DataBar
FilePathPicker
PasswordBox
Rating
SplashScreen
Accessibility
Callout
CollectionNavigator
Localization
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?