Highlighting Text in GridView column

[Simon]

Hello

I have a column in a RadGridView which I would like to apply HTML formatting to.
If you look at the screen shot there is the Highlighted Text column and in it you
will see the Html <STRONG> tags which need to bold the text which they are
wrapping. How do I achieve this with the RadGridView. How can I via code apply
an HtmlPlaceHolder so the Html tags are applied?

Regards,
Simon

[Simon]

Hello

Please see the code below to set a column to see an RadHtmlPlaceholder.

Regards,
Simon

public class GridViewHtmlPlaceHolderColumn : GridViewBoundColumnBase
   {

       public override FrameworkElement CreateCellElement(GridViewCell cell, object dataItem)
       {

           // Initialize Class
           RadHtmlPlaceholder cellElement = new RadHtmlPlaceholder();
           // Set Binding
           cellElement.SetBinding(RadHtmlPlaceholder.HtmlSourceProperty, new Binding("Highlighted Text")
           {
               Source = dataItem
           });
           // Return Element
           return cellElement;

       }

   }

[Vanya Pavlova]

Hello Simon,

 
If you need to integrate RadHtmlPlaceHolder in a custom column you may use the following code:

CustomColumn.cs:

public class CustomColumn:GridViewDataColumn
    {
        public override FrameworkElement CreateCellElement(GridViewCell cell, object dataItem)
        {
            var grid = cell.Content as Grid;
            if (grid == null)
            {

                grid = new Grid();
                grid.Width = 150;
                grid.Height = 150;
                RadHtmlPlaceholder pl = new RadHtmlPlaceholder();
                pl.SetBinding(RadHtmlPlaceholder.HtmlSourceProperty, new Binding("YourCustomProperty")
                {
                    Source = dataItem
                });
                grid.Children.Add(pl);
                cell.Content = grid;
            }
            return grid;
        }


    }

MainPage.xaml:

<UserControl x:Class="GridViewButton.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="clr-namespace:GridViewColumn"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

    <Grid x:Name="LayoutRoot" Background="White" DataContext="{Binding Source={StaticResource SampleDataSource1}}">
        <telerik:RadGridView  AutoGenerateColumns="False" ItemsSource="{Binding Collection}">
            <telerik:RadGridView.Columns>
                <local:CustomColumn Header="CustomColumn" IsReadOnly="True"/>
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>

    </Grid>
</UserControl>

In addition to this I would suggest you to use the following forum thread and the attached project for further reference.


Please let me know how these works for you.


All the best,
Vanya Pavlova
the Telerik team