Telerik Forums
UI for WPF Forum
1 answer
1.2K+ views

Hello, I am using RadDiagram to draw a lot of custom shapes, someone need to display dashed lines, I draw the dotted line in Expression Design 4 and export it , but it is not displayed in RadDiagram as dashed lines, Anyone can help me, thank you

 

<Style TargetType="{x:Type local:RightConnectLine}">
      <Setter Property="Width" Value="350" />
      <Setter Property="Height" Value="50" />
      <Setter Property="Margin" Value="0" />
      <Setter Property="Template">
          <Setter.Value>
              <ControlTemplate TargetType="{x:Type local:RightConnectLine}">
                  <Grid>
                      <Grid.Background>
                          <DrawingBrush Stretch="Uniform">
                              <DrawingBrush.Drawing>
                                  <DrawingGroup>
                                      <DrawingGroup.Children>
                                          <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 0.5,0.5L 0.5,75.5">
                                              <GeometryDrawing.Pen>
                                                  <Pen LineJoin="Round" Brush="#FF000000"/>
                                              </GeometryDrawing.Pen>
                                          </GeometryDrawing>
                                          <GeometryDrawing Brush="#FF000000" Geometry="F1 M 1,5.83334L 1,8.5L 0,8.5L 0,5.83334L 1,5.83334 Z M 1,11.1667L 1,13.8333L 0,13.8333L 0,11.1667L 1,11.1667 Z M 1,16.5L 1,19.1667L 0,19.1667L 0,16.5L 1,16.5 Z M 1,21.8333L 1,24.5L 0,24.5L 0,21.8333L 1,21.8333 Z M 1,27.1667L 1,29.8333L 0,29.8333L 0,27.1667L 1,27.1667 Z M 1,32.5L 1,35.1667L 0,35.1667L 0,32.5L 1,32.5 Z M 1,37.8333L 1,40.5L 0,40.5L 0,37.8333L 1,37.8333 Z M 1,43.1667L 1,45.8333L 0,45.8333L 0,43.1667L 1,43.1667 Z M 1,48.5L 1,51.1667L 0,51.1667L 0,48.5L 1,48.5 Z M 1,53.8333L 1,56.5L 0,56.5L 0,53.8333L 1,53.8333 Z M 1,59.1667L 1,61.8333L 0,61.8333L 0,59.1667L 1,59.1667 Z M 1,64.5L 1,67.1667L 0,67.1667L 0,64.5L 1,64.5 Z M 1,69.8333L 1,72.5L 0,72.5L 0,69.8333L 1,69.8333 Z M 1,75.1667L 1,75.5L 0,75.5L 0,75.1667L 1,75.1667 Z M 1,0.5L 1,3.16666L 0,3.16666L 0,0.5L 1,0.5 Z "/>
                                      </DrawingGroup.Children>
                                  </DrawingGroup>
                              </DrawingBrush.Drawing>
                          </DrawingBrush>
                      </Grid.Background>
                  </Grid>
              </ControlTemplate>
          </Setter.Value>
      </Setter>
  </Style>
Dinko | Tech Support Engineer
Telerik team
 answered on 02 Oct 2019
4 answers
189 views

I need to be able to temporarily disable the panning and zooming of my RadCartesianChart but I cannot see how to do it.

I've got a plot of a profile that I want the user to be able to zoom horizontally and pan.  I accomplish this via a ChartPanAndZoomBehavior:

            <tk:RadCartesianChart.Behaviors>
                <tk:ChartPanAndZoomBehavior ZoomMode="Horizontal"
                                            PanMode="Horizontal"
                                            DragMode="Pan"
                                            />


This has been working fine for a while now.  I can pinch zoom as I want

But I also have some annotations on the chart that I needed to move with code-behind with Mouse and Touch Handlers, so I wrote handlers for MouseEvents (LeftButtonDown, MouseMove, LeftButtonUp) in which I handle moving my annotations.  It works fine.  In each handler, I mark the event as "Handled" to prevent it from bubbling up to the Chart.  

This also has been working fine for a while.  The user can drag the annotations and slide them across the profile and so the chart does not pan while I'm dragging my annotations, which is what I want.  For example,here's the MouseMove handler.

        private void RegionHandle_OnMouseMove(object sender, MouseEventArgs args)
        {
            if (!(sender          is CartesianCustomAnnotation   ann))
                return;

           if (!ann.IsMouseCaptured)
                return;

            // (Call my annotation manipulation code here...)

            args.Handled = true;  // Prevent chart from handling this.

      }


Unfortunately, I cannot achieve the same thing with touch handlers.  I wrote event handlers for ManipulationStarting, ManipulationStarted, ManipulationDelta and ManipulationCompleted.  In each one I mark the event as "Handled" but it doesn't matter.  The chart still pans while I am dragging my annotations.  It is very confusing.

        private void RegionHandle_OnManipulationDelta(object sender, ManipulationDeltaEventArgs e)
        {

            if (!(sender          is CartesianCustomAnnotation   ann))
                return;

            // (Call my annotation manipulation code here...)

            args.Handled = true;  // Prevent chart from handling this.

        }

It appears there is no such thing as PreviewXXXX events for Manipulation events so I cannot use that route to intercept the touch handlers.

My next attempt at a fix came when I saw that the ChartPanAndZoomBehavior is a Dependency object and its ZoomMode, PanMode, and DragMode properties are DependencyProperties.  So it should be valid to bind them to properties on my control and then just dynamically change them to ChartPanZoomMode.None and ChartDragMode.None in the handlers themselves, right?  Nope.  Does not work.  I get a runtime exception claiming that "ChartPanZoomMode.None is not a valid value for PanMode" (which makes no sense to me).

So how can I selectively prevent the chart from panning when I want?

 

So how can I prevent the chart from handling touch events when I want and enable it otherwise?
-Joe

(p.s.:  I cannot use your Format Code Block" functionality.  The editor window always appears at top of the web page and it is obscured by the banner on the page with the "Telerik" menu, "Get a Free Trial" button, etc.   I've tried this in two browsers, Edge and Chrome.  I'll attach an image to this post to show what I mean..)


Joe
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 01 Oct 2019
1 answer
189 views

Hi, 

 

I am facing an issue, where in on my all grids the position is same , but just on 1 grid the position of filter menu icon is different. Wanted to know how to rectify that.

 

attaching the screenshot.

Dimitar Dinev
Telerik team
 answered on 30 Sep 2019
4 answers
205 views
I have question.

sorry. i'm beginner and I'm not good at English .

I wnat Same Attach Picture

Simple Source Please.


Dimitar Dinev
Telerik team
 answered on 30 Sep 2019
13 answers
347 views

I have a grid that has some columns that are bound to properties that come from an inherited class. 

All properties display fine - whether they are from the base class or the inherited class.

The properties that come from the inherited class can not be sorted.

This sure seems like a bug, and I'd really rather not have to go the whole custom sorting implementation.

Martin Ivanov
Telerik team
 answered on 30 Sep 2019
6 answers
155 views

 

Hi, 

we are facing more issues with the RibbonView

1. When it is used Large icon, the text is cut (look at Select All, it shows only Select, after resize it shows all text)

2. Group icons are shown strangely and are not resized to proper size (i set them as all icons for RibbonView from our font (vector)) look at after picture

3. Resize works strange, when the Large icon is made small or medium, the button is not aligned with those for orderedwrap panel ... (very bad) look at picture

4. From not known reason, the problem might lie outside RibbonBar responsibility, we cannot resize Window at left and right side of RibbonBar (the cursor is away) , on the title area the cursor is working ...

 

 

Dilyan Traykov
Telerik team
 answered on 30 Sep 2019
1 answer
118 views

Hi, 

Facing a strange issue, where in my check box filter shows just loading. This is only happening for 3 column filters on the grid, rest other grids don't have the issue. Attaching the pic for the same, please let me know how and what i can do to resolve this.

 

Regards,

Ankit Jain

Vladimir Stoyanov
Telerik team
 answered on 30 Sep 2019
1 answer
133 views
It would be great to add grouping similar to RadGridView.  Thanks!
Yoan
Telerik team
 answered on 27 Sep 2019
3 answers
137 views

Hi Telerik Team,

I suspect this is not using the ComboBox as intended and the AutoComplete behaves in a similar manner as it appears both controls expect all the data to be loaded and the filtering is down within the control on the superset of data.

However, I have a massive dataset and I want to use this as a traditional AutoComplete/Suggest control, so I am loading in all the (pre-filtered) data as the user types, the issue is as soon as I update the ItemsSource and there is 1 item that is a substring match (am using Contains) the control selects that item and clears the input text from the user.

Is there a way I can accept all user input without it being cleared until the user picks an item from the dropdown? Moreover, is it possible to not change the SelectedItem binding until a dropdown item is chosen "by the user" (not by the control)?

Thanks,
Maurice

Vladimir Stoyanov
Telerik team
 answered on 27 Sep 2019
1 answer
189 views

 

Hi,

I want to highlight the row on dragover where I am dropping an item from the grid. I have two different gridviews. I drag a row from one grid and drop on to other grid row,

I have written following code for Highlighting a gridviewrow on a Item dragover,

public T4ShipmentSchedulerView(IT4ShipmentSchedulerViewModel viewModel)
{
InitializeComponent();
StyleManager.SetTheme(ShipmentGrid, new OWBTheme());
DataContext = viewModel;
viewModel.GridOperations = new TelerikGridOperations(ShipmentGrid, Constants.T4ShipmentBuilderGridSettings);
//ShipmentGrid.RowLoaded += ShipmentGrid_RowLoaded;
}
private void ShipmentGrid_RowLoaded(object sender, RowLoadedEventArgs e)
{
GridViewRow row = e.Row as GridViewRow;
if (row == null) return;
DragDropManager.RemoveDragEnterHandler(row, OnRowDragOver);
DragDropManager.AddDragEnterHandler(row, OnRowDragOver);
DragDropManager.RemoveDragLeaveHandler(row, OnRowDragLeave);
DragDropManager.AddDragLeaveHandler(row, OnRowDragLeave);
DragDropManager.RemovePreviewDropHandler(row, OnPreviewDropLeave);
DragDropManager.AddPreviewDropHandler(row, OnPreviewDropLeave);
}
private void OnPreviewDropLeave(object sender, DragEventArgs e)
{
OnRowDragLeave(sender, e);

}

private void OnRowDragLeave(object sender, DragEventArgs e)
{
GridViewRow row = sender as GridViewRow;
if (row != null)
{
row.Background = _backGround;
row.Foreground = _foreGround;

}

}
Brush _backGround;
Brush _foreGround ;
private void OnRowDragOver(object sender, DragEventArgs e)
{
GridViewRow row = sender as GridViewRow;
if (row != null)
{
_backGround = row.Background;
_foreGround = row.Foreground;
row.Background = new SolidColorBrush(Colors.Gold);
row.Foreground = new SolidColorBrush(Colors.Black);
}

        }

 

It highlights the row on drag over but it messes with other trigger styles and they stop working. Do we have more proper soln on this.

 

Regards,

Vidyadhar

Vladimir Stoyanov
Telerik team
 answered on 27 Sep 2019
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
DataPager
PersistenceFramework
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
TimePicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
NavigationView (Hamburger Menu)
Wizard
ExpressionEditor
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
LayoutControl
ProgressBar
Sparkline
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
Callout
PasswordBox
SplashScreen
Localization
Rating
Accessibility
CollectionNavigator
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
InlineAIAssistant
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?