Questions on UI for WPF Forum

2 answers

195 views

How to get the height of the actual schedule or the group header?

Hi,

In the past, I've managed to successfully create a sort of time marker that show the current time. This marker worked fine until I upgraded to the newest version of RadControls in order to utilize the new AllDay Event-functionality.

Screenshot

Because of the new AllDay-area in the top of the calendar, my time marker shows the incorrect time. The algorithm used to calculate the position of the marker needs to know the height of the actual schedule (the scrollable area, marked with a long red line in the screenshot) in order to work. Earlier, I resorted to using the schedule's ActualHeight-property - a hardcoded static value (that corresponded to the group header height). However, this won't work now, as every AllDay Event changes the height of the group header area.

This leads me to the question; Is there a way of getting the height of the group header-part of the schedule (marked with a short red line on the screenshot) or the actual schedule (marked with a long red line on the screenshot)?

Thanks,
Kristian

ScheduleView

answered on 19 Aug 2011

1 answer

432 views

How can I see a separator in the menu bar ?

I use the MenuItem IsSeparator sucessfully in dropdown menus but the separator is not showing when used in the main menu bar...

<Menu

<MenuItem ... />

<MenuItem IsSeparator="True" ...

/>

<MenuItem

... />

</Menu>

EDIT: I added a default style for the menu item and it now displays a "horizontal" separator bar... How can I make this bar vertical ?

Menu

answered on 19 Aug 2011

9 answers

333 views

RadTileViewItem not the source of TileStateChanged event

In many examples, I see the use of the TileStateChanged event to manually control the tile state. In every example, the first line of code in the event handler is this:

RadTileViewItem item = e.Source as RadTileViewItem;

But when use the same code in my own handler, the e.Source reference is to the RadTileView, not RadTileViewItem. Just to note, I'm wiring the event up in xaml using the following:

<my:RadTileView x:Name="ClassOverridesTileView" 
                        ItemsSource="{Binding Classes}" 
                        ItemTemplate="{StaticResource HeaderTemplate}"
                        ContentTemplate="{StaticResource ContentTemplate}"
                        TileStateChanged="ClassOverridesTileView_TileStateChanged"
                         >
        </my:RadTileView>

Why would the source of the event be different for me than the examples?

TileView

answered on 19 Aug 2011

1 answer

152 views

Modify Fixed column style

Hey there,

I'd like to get rid of the shadow of the vertical splitter shown once you fix a column.
Is there any way to override the style and remove the shadow?

Thanks a lot!

GridView

answered on 19 Aug 2011

3 answers

185 views

RadMenuItem disabled icon image causes misaligned separator

I am using the RadMenu as my standard window menu for an application that I am developing. An issue has arisen that menu items which have an Icon image. When the menu option is disabled, the Icon image appears to be being moved one pixel to the right, causing the border between the Icons and menu text to become misaligned. This results in an unsightly jagged line appearance in the overall menu.

Below is the XAML for the Edit menu of my application:

<telerik:RadMenuItem

MinWidth="35"

HorizontalAlignment="Center"

HorizontalContentAlignment="Center"

Header="{x:Static commonRes:Properties.Resources.MenuHeaderEdit}">

<telerik:RadMenuItem

Style="{StaticResource menuItemStyle}"

Header="{x:Static commonRes:Properties.Resources.MenuHeaderEditUndo}"

Command="ApplicationCommands.Undo" >

<telerik:RadMenuItem.Icon>

<Image HorizontalAlignment="Center"

VerticalAlignment="Center"

Height="16"

Width="16">

<Image.Source>

<BitmapImage

DecodePixelHeight="16"

DecodePixelWidth="16" UriSource="pack://application:,,,/RetailDirections.RMS.UI.Resources;component/Images/Edit_UndoHS.png"/>

</Image.Source>

</Image>

</telerik:RadMenuItem.Icon>

</telerik:RadMenuItem>

<telerik:RadMenuItem

Style="{StaticResource menuItemStyle}"

Header="{x:Static commonRes:Properties.Resources.MenuHeaderEditRedo}"

Command="ApplicationCommands.Redo" >

<telerik:RadMenuItem.Icon>

<Image HorizontalAlignment="Center"

VerticalAlignment="Center"

Height="16"

Width="16">

<Image.Source>

<BitmapImage

DecodePixelHeight="16"

DecodePixelWidth="16"

UriSource="pack://application:,,,/RetailDirections.RMS.UI.Resources;component/Images/Edit_RedoHS.png"/>

</Image.Source>

</Image>

</telerik:RadMenuItem.Icon>

</telerik:RadMenuItem>

<telerik:RadMenuItem IsSeparator="True"/>

<telerik:RadMenuItem

Header="{x:Static commonRes:Properties.Resources.MenuHeaderEditCut}"

Command="ApplicationCommands.Cut" >

<telerik:RadMenuItem.Icon>

<Image HorizontalAlignment="Center"

VerticalAlignment="Center"

Height="16"

Width="16">

<Image.Source>

<BitmapImage

DecodePixelHeight="16"

DecodePixelWidth="16" UriSource="pack://application:,,,/RetailDirections.RMS.UI.Resources;component/Images/CutHS.png"/>

</Image.Source>

</Image>

</telerik:RadMenuItem.Icon>

</telerik:RadMenuItem>

<telerik:RadMenuItem

Header="{x:Static commonRes:Properties.Resources.MenuHeaderEditCopy}"

Command="ApplicationCommands.Copy" >

<telerik:RadMenuItem.Icon>

<Image HorizontalAlignment="Center"

VerticalAlignment="Center"

Height="16"

Width="16">

<Image.Source>

<BitmapImage

DecodePixelHeight="16"

DecodePixelWidth="16" UriSource="pack://application:,,,/RetailDirections.RMS.UI.Resources;component/Images/CopyHS.png"/>

</Image.Source>

</Image>

</telerik:RadMenuItem.Icon>

</telerik:RadMenuItem>

<telerik:RadMenuItem

Header="{x:Static commonRes:Properties.Resources.MenuHeaderEditPaste}"

Command="ApplicationCommands.Paste">

<telerik:RadMenuItem.Icon>

<Image HorizontalAlignment="Center"

VerticalAlignment="Center"

Height="16"

Width="16">

<Image.Source>

<BitmapImage

DecodePixelHeight="16"

DecodePixelWidth="16" UriSource="pack://application:,,,/RetailDirections.RMS.UI.Resources;component/Images/PasteHS.png"/>

</Image.Source>

</Image>

</telerik:RadMenuItem.Icon>

</telerik:RadMenuItem>

<telerik:RadMenuItem

Header="{x:Static commonRes:Properties.Resources.MenuHeaderEditSelectAll}"

Command="ApplicationCommands.SelectAll"/>

</telerik:RadMenuItem>

Any help on what could be causing this or possible workarounds to this issue would be greatly appreciated.

Regards,

Mark Harding.

Menu

answered on 19 Aug 2011

1 answer

108 views

Manipulating Input in RadGridView

Hi Telerik Support,

Good Day ;)

I am working on the following requirements:

Requirement #1: Implement a RadGridView which allows Cell Editing
Requirement #2: All Inputs are numeric. We currently have implemented a CellValidating event to check for numeric input.
Requirement #3: There are some special key that can allow some numeric value to be inserted. For example if we input "L" into the editing cell, we expect the value will be replaced with a number 1234567.

We tried to implement the Requirement #3 by adding some logic in CellValidating Event to intercept for "L" and change the e.Cell.Value accordingly. But it seems to be not working.

What would you recommend to implement the Requirement #3?

Thanks
Ric Yik

GridView

answered on 19 Aug 2011

1 answer

202 views

Crop Tool

Hi

Couple of points I wanted to give my opinion on.

I'm not sure if this was is supposed to happen, but in your example, if you have the crop tool on and then you hit save, the saved image will take the image inside crop rectangle and not the original full image. This most happens when the crop tools turns off it applies the crop before it saves.

In my opinion, the crop tool should have an apply button. Instead of the user having to hit the crop button again (or hitting another button to apply the crop), the user would hit "apply crop" which would apply it. Hitting the crop button would simply turn off/on the tool.

This would get around the fact it saves the cropped image.

Thanks..great product ps.

-Matt

ImageEditor

answered on 19 Aug 2011

3 answers

45 views

Custom Grid Header

Hi,

I was wondering if it is possible to have custom header in WPF RdaGridView where a header of 3 column would have a header parent similar to the group header idea. This only for personation purposes and doesn’t affect column functionality. Each column is bound to a field in the view-model. Here is illustration of the header we would like to have.

-------------------------------------------------------------------------------------

| | |-----------------------------------| |

Col1 | Col2 | Col3 | col4 | Col5 | Col6 | Col7 |

| | | | | | |

-------------------------------------------------------------------------------------

| | | | | | |

GridView

answered on 19 Aug 2011

1 answer

311 views

How to use ProgressBar with IsIndeterminate=True

Hello,

I want to use RadProgressBar in my code with the option IsIndeterminate=True.

This is the code:

this.progressBar.Visibility = System.Windows.Visibility.Visible;

//Do Some thing that blocks UI thread

this.progressBar.Visibility = System.Windows.Visibility.Hidden;

Once I run this I dont see the progress bar.

Is there something I need to do?

Should I put the progress bar call in a worker thread?

Can you please help me with some sample?

Thanks & regards,
Santhosh B

ProgressBar

answered on 19 Aug 2011

3 answers

173 views

RadMenu visible after onclick event fires

We have implemented the RadMenu in a new application and when we click on a menu item it correctly fires off an event which launches a C++ MFC application and exits the click event. The MFC application launches without issue, but it is visible behind the menu which is still visible. If we click on the MFC app the Menu disappears.

Why would the menu not be closing here? Any ideas?

Menu

answered on 19 Aug 2011