Questions on UI for WPF Forum

5 answers

250 views

RadHorizontalLinearGauge hide labels and move the lines to the bottom

Hi there,

I'm trying to hide the labels of the bar and I want to move the lines to the bottom.

I found out that I can hide labels by setting the LabelUseRangeColor to true. I don't think this is the correct way. Can anyone help me with this?

I also want to move the lines from the top top the bottom of the RadHorizontalLinearGauge.

01.<telerik:RadHorizontalLinearGauge Width="250"

02. Height="100"

03. telerik:StyleManager.Theme="Windows8">

04. <telerik:HorizontalLinearScale Min="0"

05. Max="100"

06. LabelLocation="CenterInside"

07. LabelUseRangeColor="True"> 

08. <telerik:HorizontalLinearScale.Indicators>

09. <telerik:BarIndicator Value="60"

10. UseRangeColor="True" />

11. </telerik:HorizontalLinearScale.Indicators>

12. <telerik:HorizontalLinearScale.CustomItems>

13. <Border BorderBrush="#FF606060"

14. BorderThickness="1,0"

15. telerik:ScaleObject.Value="50"

16. telerik:ScaleObject.Location="OverCenter"

17. telerik:ScaleObject.RelativeHeight="0.14*"

18. telerik:ScaleObject.RelativeWidth="0.8*">

19. <Border.LayoutTransform>

20. <RotateTransform Angle="90" />

21. </Border.LayoutTransform>

22. </Border>

23. </telerik:HorizontalLinearScale.CustomItems>

24. <telerik:HorizontalLinearScale.Ranges>

25. <telerik:GaugeRange Min="0"

26. Max="20"

27. IndicatorBackground="Red" />

28. <telerik:GaugeRange Min="20"

29. Max="40"

30. IndicatorBackground="OrangeRed" />

31. <telerik:GaugeRange Min="40"

32. Max="100"

33. IndicatorBackground="LimeGreen" />

34. </telerik:HorizontalLinearScale.Ranges>

35. </telerik:HorizontalLinearScale>

36.</telerik:RadHorizontalLinearGauge>

Gauges

answered on 26 Jul 2018

1 answer

232 views

Automatic begin to edit cell in the next column

Hi!

I need to implementation auto start begin edit cell in the same row and next column, after click in previous column.
In begin my table, code works correctly. But in the last row and in penultimate column code doesn't work correctly, it begin start edit in the last row and in third column.
But after how I write value by myself, code start to work correctly. I use telerik framework.
Thank you for your responses!

var element = sender as FrameworkElement;

ConditionsRadGridView.CommitEdit();

var parentCell = element.GetVisualParent<GridViewCell>();

if (parentCell != null)

{

var index = ConditionsRadGridView.Columns.IndexOf(parentCell.Column);

if (index != -1 && index < parentCell.ParentRow.Cells.Count)

{

var nextCell = parentCell.ParentRow.Cells[index] as GridViewCell;

if (nextCell != null)

{

ConditionsRadGridView.CurrentCellInfo = new GridViewCellInfo(nextCell);

ConditionsRadGridView.BeginEdit();

}

<telerik:RadGridView ValidatesOnDataErrors="InViewMode"

Name="ConditionsRadGridView"

Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"

Margin="6 3 6 6" HorizontalAlignment="Left"

RowIndicatorVisibility="Collapsed" AutoGenerateColumns="False"

CanUserDeleteRows="False" CanUserInsertRows="False" ShowGroupPanel="False" CanUserReorderColumns="False"

FrozenColumnCount="1"

CanUserFreezeColumns="False"

ItemsSource="{Binding Conditions}" EnableColumnVirtualization="False"

RowStyle="{StaticResource ValidationFixStyle}"

SelectionMode="Extended"

cal:Message.Attach="[Event PreviewKeyUp] = [Action ConditionsKeyUp($this.SelectedItems, $eventArgs)]">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn CellStyle="{StaticResource SelectedCellStyle}" Header="{x:Static properties:Resources.Station}" DataMemberBinding="{Binding Name, Mode=TwoWay}"

CellTemplateSelector="{StaticResource ConditionNameTemplateSelector}"/>

<telerik:GridViewColumn IsVisible="{Binding IsHaveGroups}">

<telerik:GridViewColumn.CellTemplate>

<DataTemplate>

<CheckBox Visibility="{Binding IsGroup, Converter={StaticResource BoolToVisibilityConverter}}" IsChecked="{Binding IsSplitUp, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"

cal:Message.Attach="[Event Click] = [Action IsSplitUpClick($datacontext)]" />

</DataTemplate>

</telerik:GridViewColumn.CellTemplate>

</telerik:GridViewColumn>

<telerik:GridViewDataColumn Header="{x:Static properties:Resources.AffinityOperator}" ColumnGroupName="Affinity"

DataMemberBinding="{Binding AffinityOperator, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Center" IsReadOnly="True">

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate DataType="{x:Type vm:StationConditionViewModel}">

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

<controls3:RadComboBox IsEnabled="{Binding IsRowEnabled}" SelectionChanged="StartEditNextCell"

SelectedItem="{Binding AffinityOperator, UpdateSourceTrigger=PropertyChanged}"

ItemsSource="{Binding Operators}" VerticalAlignment="Center" HorizontalAlignment="Stretch"/>

</Grid>

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="{x:Static properties:Resources.AffinityValue}" ColumnGroupName="Affinity" IsReadOnlyBinding="{Binding AffinityIsReadOnly}"

DataMemberBinding="{Binding Path=AffinityValue}" TextAlignment="Right">

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate DataType="{x:Type vm:StationConditionViewModel}">

<TextBlock Text="{Binding AffinityValue, StringFormat={}{0:N2}}" Visibility="{Binding AffinityVisibility}" VerticalAlignment="Center" HorizontalAlignment="Right" />

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

</telerik:GridViewDataColumn>

General Discussions

answered on 26 Jul 2018

1 answer

128 views

Fixed Height for Slots

Hello,

I would like to have fixed heights for the slots even when I change the Minor/MajorTickLength.

Currently I get this (5minutes.jpg, 15minutes.jpg and 30minutes.jpg)

and the result I would like to have is: 5minutesRight.jpg, 15minutes.jpg, 30minutesRight.jpg

I tried setting the VerticalWeekMinor/MajorItemTemplate or the MinAppointmentHeight to fixed height but that didn't yield the result I was looking for.

Any help would be appreciated.

Best regards!

ScheduleView

answered on 26 Jul 2018

2 answers

58 views

How can i get all the date in the Calendar

Hi ，the png display July，i want to get all the date in the png , from June 25 to August 5。

How can i do that ?

And How can i get all the date when i clicked the RepeatButton to MoveLeft or MoveRight ?

Thanks.

Calendar

answered on 26 Jul 2018

3 answers

193 views

Floating image on header/footer?

Our enterprise has chosen Telerik as our tool to convert XLSX files to PDF. One limitation that has become an issue for our clients is that Telerik's API doesn't seem to support images in the XLSX header/footer. I've been trying to get around this limitation using the Telerik.Windows.Documents.Spreadsheet.Model.Shapes.FloatingImage class, but when I move the image past the top margin into the header region, the image gets cut off. Is it possible to work around this somehow? I was hoping to see a z-index parameter in the FloatingImage class, but nothing like that seems to exist.

Spreadsheet

answered on 25 Jul 2018

11 answers

2.0K+ views

Column text alignment issue.

I have two columns in the GridView. I want one column's text(including header) is on the left, the other column is on the right.

<telerik:GridViewDataColumn Header="Content" DataMemberBinding="{Binding Content}" TextAlignment="Left" HeaderTextAlignmemt="Left" />

<telerik:GridViewDataColumn Header="Date" DataMemberBinding="{Binding Date}" TextAlignment="Right" HeaderTextAlignmemt="Right" />

But it is not working, two columns are always aligned to the left. Then I used Visual Tree to check the properties. For the GridViewCell.

PART_CellBorder [Border]

Background_Over [Border]

Background_Selected[Border] etc

The default HorizontalAlignment is Stretch. I am not sure how to set the styles for the alignment.

Thanks.

GridView

answered on 25 Jul 2018

6 answers

343 views

How to select a folder instead of individual files

I'm looking for a way of not just selecting files for upload but entire folder structures. I was hoping I could use the CreateOpenFileDialog delegate to return the RadOpenFolderDialog however this function expects a return type of Microsoft.Win32.OpenFileDialog which the Telerik controls do not inherit from.

Any suggestions?

CloudUpload

answered on 25 Jul 2018

6 answers

1.2K+ views

Dynamic Grid Columns

I am trying to get the GridView to work in a rather complex scenario that involves numerous dynamic columns all with their own editing and display criteria. I have come up with a solution that involves storing a metadata object on the column and then I bind to the properties on the metadata object in the Tag property.

This approach has been working fine or non-dynamic columns but I am unable to successfully determine the property to bind to in the cell template as the property name is decided at runtime, hence why I store it in the DynamicPropertyName property in the metadata.

I tried using a MultiValueConverter which works fine for the ConvertTo, but I am unable to provide the correct values in the ConvertBack.

This is my current cell template with the binding issue highlighted - if there is a way to also bind the Column.Tag.DynamicPropertyName property on the ParentRow. object which is a DynamicObject, then this approach would work in its current form.

GridView

answered on 25 Jul 2018

1 answer

475 views

Add New Row In RadGridView is not Working

Hi,

In RadGridView on click "Click Here to Add New Item" is not adding new row to the RadGridView. It is designed with the property as below

<telerik:RadGridView Name="radGridSizeDetails" Grid.Row="1"
                                         ShowGroupPanel="False" AutoExpandGroups="True" ShowGroupFooters="False"
                                         ShowColumnFooters="True" CanUserSortColumns="True" ShowColumnHeaders="True"
                                       AutoGenerateColumns="False"
                                       CanUserInsertRows="True"
                                       NewRowPosition="Top"
                                       GroupRenderMode="Flat"
                                       ShowColumnSortIndexes="True"
                                       ItemsSource="{Binding SizeDetailsList}"
                                         SelectionMode="Single"
                                       RowIndicatorVisibility="Visible"
                                       VerticalAlignment="Stretch"
                                         IsReadOnly="False" AddingNewDataItem="radGridSizeDetails_AddingNewDataItem">

Let me know if I miss anything.

Thanks

Dilip

General Discussions

answered on 25 Jul 2018

2 answers

128 views

RadDataBar: How to make the text fit at the end

I need to get the fit of the maximum on the length of the control, either that or move the label below the line.

For the first option, I was thinking of reducing the value,and then customizing the labeltext that shows up. Only issue is, not sure how to modify the textblock that shows that value.

Second option, kind of related to the first one, how can I use a datatemplate to have a template where the label is below the line?

Please refer to image attached.

Thanks!

DataBar

answered on 25 Jul 2018