Questions on UI for WPF Forum

1 answer

77 views

hi All
I have used below statement in Telerix rad window

<

UserControl.Resources>

it shows this error
the attachable property 'Resources' was not found in type 'UserControl'.
what am i missing
Thanks in Advance

General Discussions

answered on 23 Sep 2010

1 answer

132 views

Multiple Minimized Tileview Rows

Hey guys,

I really love the capabilities of the tileview; however I was wondering if it is possible to have multiple minimized rows at the bottom (or side if need be)?

I have attached what I would like the layout to look like ideally, please let me know if this is possible.

Many thanks in advance =)

Regards,

Jess

TileView

answered on 23 Sep 2010

1 answer

86 views

Mainpage.xaml doesn't effect

I download a trial version of RadControls for WPF Q2 2010 SP1 and trying to run the sample program. It works. But when I try to change the main interface, it's doesn't work at all.

The main page just use the user control in QuickStart_WPF.MainPage.xaml, right? I change the user control, it looks like it's never been called.

I'm confused.

General Discussions

answered on 23 Sep 2010

5 answers

157 views

Re : Telerik Grid View (RadGridView) ItemSource and Scrollbar

Hii All,
I am using RadGridView for displaying some of the records in my application. i have one datasource in which the records are available, which i want to display in the grid.now from code behind i am binding this gridview by using code "grid.itemsource=dataset;"
i have 20 columns in my dataset.
In my application all the columns are not visible only few column are visible in the telerik datagrid depending on the datagrid width.
in this case datagrid must have a horizontal scrollviewer which must be visible, if no. of columns exceeds depending on width of grid.

now if i will try to sort datagrid by any column then horizontal scrollviewer enables and i am able to see all the columns by using this scrollviewer.

provide/update telerik datagrid code for above mentioned problem. so that if the telerik datagrid's itemsource changes it should automatic provide the scrollviewer for viewing all the columns.

thanks
regards

sandeep kumar dixit
sdixit110@gmail.com

GridView

answered on 23 Sep 2010

2 answers

570 views

How to load XAML window inside Tab Control Item

Hi,

Im using RadTab in my window.xaml page. Im able to create rad tab dynamically in c# code file but now i need to load the other window in the tabitem. can anyone help me please.

Thank You.

TabControl

answered on 22 Sep 2010

2 answers

139 views

Carousel User control Binding

Hello,

I'm trying to have the carousel bind to xml data.

I Have a grid with textboxes, Image, and listbox.
Using xmlDataProvider and CollectionViewSource I'm able to point to the data file.
The issue is the data is grouped by employee name, the listbox populates the current list for that certain employee. But the IMage and other Employee info loses the binding. The Carousel populates the correct amount of employees etc.

When I Change the Data Content the Image and Employee Info binds, but the listbox data loses its binding and the Carousel populates every node in the xml file.

Here is the code:

XML FIle

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<NewDataSet1 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

<Table>

<RecipeID>117</RecipeID>

<RecipeName>1620 Shrimp</RecipeName>

<PrepTime>0.00347222222222222</PrepTime>

<Station>PULL</Station>

<Employee>Josa Sosa</Employee>

<Image>Male.jpg</Image>

</Table>

<Table>

<RecipeID>116</RecipeID>

<RecipeName>26/30 Shrimp</RecipeName>

<PrepTime>0.00347222222222222</PrepTime>

<Station>PULL</Station>

<Employee>Josa Sosa</Employee>

<Image>Male.jpg</Image>

</Table>

<Table>

<RecipeID>42</RecipeID>

<RecipeName>Ale and Cheddar Soup</RecipeName>

<PrepTime>0.03125</PrepTime>

<Station>SS</Station>

<Employee>Maria Anders</Employee>

<Image>Female.jpg</Image>

</Table>

<Table>

<RecipeID>41</RecipeID>

<RecipeName>Alfredo Sauce</RecipeName>

<PrepTime>0.03125</PrepTime>

<Station>SS</Station>

<Employee>Maria Anders</Employee>

<Image>Female.jpg</Image>

</Table>

<Table>

<RecipeID>126</RecipeID>

<RecipeName>American Cheese Portioned/Wrapped</RecipeName>

<PrepTime>0.00347222222222222</PrepTime>

<Station>BR</Station>

<Employee>Rick Mueller</Employee>

<Image>Male.jpg</Image>

</Table>

<Table>

<RecipeID>242</RecipeID>

<RecipeName>Apple Cinn Scones</RecipeName>

<PrepTime>0.0104166666666667</PrepTime>

<Station>PULL</Station>

<Employee>Josa Sosa</Employee>

<Image>Male.jpg</Image>

The XAML:

<UserControl.Resources>

<XmlDataProvider x:Key="ProductionData"

Source="Database/ProductionData.xml"

XPath="NewDataSet1/Table"/>

<CollectionViewSource x:Key="CallPrepData"

Source="{StaticResource ProductionData}">

<CollectionViewSource.SortDescriptions>

<scm:SortDescription PropertyName="Station" Direction="Ascending"/>

<scm:SortDescription PropertyName="RecipeName"/>

<scm:SortDescription PropertyName="Station"/>

<scm:SortDescription PropertyName="PrepTime"/>

<scm:SortDescription PropertyName="RecipeID"/>

<scm:SortDescription PropertyName="Image"/>

<scm:SortDescription PropertyName="Employee" Direction="Ascending"/>

</CollectionViewSource.SortDescriptions>

<CollectionViewSource.GroupDescriptions>

<PropertyGroupDescription PropertyName="Employee"/>

</CollectionViewSource.GroupDescriptions>

</CollectionViewSource>

<DataTemplate x:Key="TableTemplate">

<Grid >

<Image Height="107" HorizontalAlignment="Left" Source="{Binding XPath=IMage}" Margin="12,12,0,0" x:Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="120" />

<TextBlock Height="40" HorizontalAlignment="Left" Margin="157,12,0,0" x:Name="Employeename" Text="{Binding XPath=Employee}" VerticalAlignment="Top" Width="180" FontSize="22"/>

<TextBlock Height="23" HorizontalAlignment="Left" Margin="157,43,0,0" x:Name="textBlock21" Text="Station:" VerticalAlignment="Top" Width="82" FontSize="12" />

<TextBlock Height="23" HorizontalAlignment="Left" Margin="157,66,0,0" x:Name="textBlock2" Text="Total Items" VerticalAlignment="Top" Width="82" FontSize="12" />

<TextBlock Height="23" HorizontalAlignment="Left" Margin="157,96,0,0" x:Name="textBlock3" Text="Total Prep Time:" VerticalAlignment="Top" Width="92" FontSize="12" />

<TextBlock Height="23" HorizontalAlignment="Left" Margin="256,66,50,0" x:Name="textBlock4" Text="{Binding ItemCount}" VerticalAlignment="Top" Width="44" FontSize="12" />

<TextBlock Height="23" HorizontalAlignment="Left" Margin="255,96,0,0" x:Name="textBlock5" Text="180 min" VerticalAlignment="Top" Width="82" FontSize="12" />

<TextBlock Height="23" HorizontalAlignment="Left" Margin="255,43,0,0" x:Name="Stat" Text="{Binding XPath=Station}" VerticalAlignment="Top" Width="82" FontSize="12" />

<ListBox

Margin="0,120,0,0"

HorizontalAlignment="Left"

x:Name="listBox2"

Height="490"

Background="Transparent"

BorderBrush="Transparent"

ItemsSource="{Binding Items}"

VerticalAlignment="Top" Width="449">

<ListBox.ItemTemplate>

<DataTemplate>

<StackPanel Orientation="Horizontal">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="60*" />

<ColumnDefinition Width="241*" />

</Grid.ColumnDefinitions>

<TextBlock Text="{Binding XPath=RecipeID}"

Grid.Column="1" FontSize="16"/>

<TextBlock Text="{Binding XPath=RecipeName}"

Grid.Column="2" FontSize="16" Margin="50,0,0,0"/>

</Grid>

</StackPanel>

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</Grid>

</DataTemplate>

</UserControl.Resources>

<Grid Margin="0,0,8,180" DataContext="{Binding Source={StaticResource CallPrepData}}">

<telerik:RadCarousel

Margin="0,0,0,0"

Background="Transparent"

ItemsSource="{Binding Groups}"

ItemTemplate="{DynamicResource TableTemplate}" />

</Grid>

</UserControl>

Thoughts?
Thank you

Rick Mueller

Carousel

answered on 22 Sep 2010

1 answer

257 views

URGENT: Fixed size tiles and override of the default layout

Good day all
I am using the RadTileView but I am stuck. Basically we have a few items we are displaying (see pic 1) but because of the way the layout is done, as you can see it looks pretty bad. In addition I am using a MaxWidth/Height for the tiles. I am also using a datatemplate to wrap the fluidcontentcontrol. I have just an empty border for the Small and Content sections, and a grid for the Large one. Basically, we don't care to see anything in the small or normal layout - but these are always shown depending on the number of items in the panel. This is why I used fixed width and height. I have a few questions.
1. Since I do not know how to control the layout of the tiles, I used MaxH/W as previously mentioned.The problem is, with this, if you go to any other state (ex maximized), the size is still fixed (makes sense). However, on max I want to actually resize the tile. I came across another post with something like this:

private void criticalProviderAlert_TileStateChanged(object sender, Telerik.Windows.RadRoutedEventArgs e)

{

RadTileViewItem maximizedItem = criticalProviderAlert.ItemContainerGenerator.ContainerFromItem(criticalProviderAlert.MaximizedItem)

as RadTileViewItem;

if (maximizedItem != null )

{

maximizedItem.MaxHeight = 352;

maximizedItem.MaxWidth = 330;

return;

}



So now I can change the size when the tile state is changed (pic 2). However, when I go back to the restored state - pic 3 is what happens. I wanted it to look as it did when I first started the app.



2. The next problem is layout. Notice that even though I have given the tiles explicit values, the control is treating the tiles as if they are using the default values based on what the panel computed. This is apparent in pic 3. Ideally, I would like it to look like pic 4. Is there a way to override/change the layout behavior so that it respects my explicit values rather than the default ones?

Thanks - this is a cool control.



UPDATE:

I have a working solution for 1 where I can resize the tiles as I see fit. I am doing this in code behind (we are using mvvm) since this is just a view related issue. The code is as follows but if anyone has any other ideas, please feel free to share:


private void providerAlert_TileStateChanged(object sender, Telerik.Windows.RadRoutedEventArgs e)
{
    var s = e.Source;
    RadTileViewItem maximizedItem =
        providerAlert.ItemContainerGenerator.ContainerFromItem(providerAlert.MaximizedItem) as RadTileViewItem;
    if (maximizedItem != null )
    {
        maximizedItem.MaxHeight = 352;
        maximizedItem.MaxWidth = 330;
    }
    else
    {
        var tileItems = providerAlert.Items;
        foreach (var tile in tileItems)
        {
            var actualTile = providerAlert.ItemContainerGenerator.ContainerFromItem(tile) as RadTileViewItem;
            if(actualTile != null)
            {
                actualTile.MaxHeight = 50;   
            }
        }
    }
}

TileView

answered on 22 Sep 2010

1 answer

123 views

Alignment of controls in screen gets distorted

Hello,

I have a screen with radgrid and few comboboxes. I have not set the Height property of grid. When the number of rows increases above a certain limit(17 in my case) in the grid, the alignment of the other controls in the page gets distorted. Please find the attachment for one of the scenario.
In the attachment, you can see that when I select the combo box, values in the combobox are displayed in the top left corner.
If I Restore Down and Maximize the screen, the alignment becomes correct(Please see the attachment CorrectPageAlignment.jpg).

Any clue why the screen alignment gets distorted like this?

Thanks in Advance,
Norbert John

GridView

answered on 22 Sep 2010

1 answer

134 views

Docking and DocumentHost issue using in prism

Hi,

I have written the following xaml

<

radDock:RadDocking>

<radDock:RadDocking.DocumentHost>

<radDock:RadSplitContainer>

<radDock:RadPaneGroup ItemContainerStyle="{StaticResource RadPanelStyle}" prismrgn:RegionManager.RegionName="MaintenanceTabRegion" />

</radDock:RadSplitContainer>

</radDock:RadDocking.DocumentHost>

<radDock:RadSplitContainer InitialPosition="DockedBottom" Height="350">

<radDock:RadPaneGroup ItemContainerStyle="{StaticResource RadPanelStyle}" prismrgn:RegionManager.RegionName="ProperyRegion" />

</radDock:RadSplitContainer>

</radDock:RadDocking>

When I am writting the above xaml in Shell window as parent region it is working i mean regions are creating but If my shellwindow is a contentControl as parent region and my view contains the above code. and loading in the contentcontrol region, "MaintenanceTabRegion" region is not created because of RadTabItem intialization gives error where as "ProperyRegion" region is created.( I debugged the prism code), If I Use RadTabControl as my region "MaintenanceTabRegion" it is creating..
any body can help to fix this issue.. It is urgent requirment...

Thanks

Bichitra

Docking

answered on 22 Sep 2010

1 answer

281 views

Single line row

Hi,
I have a text field with multiple lines which is used to bind to a telerik row. I want to show only one line in the cell with "..." at the end if the field has multiple line.

Right now I have manged to fix the row height by changing the row style, but dont know how to add ... at the end if there is multi line. Is there any built in way to do this. (Hope this can be achieved using a converter, but want to check if grid allows.)

GridView

answered on 22 Sep 2010