This is a migrated thread and some comments may be shown as answers.

panorama tiles

6 Answers 223 Views

Panorama

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 29 Jun 2015, 02:38 PM

TileWithImage.png

Hello Paulberth,

Thank you for writing.

Here is a sample code snippet demonstrating how to display an image as a background:

public Form1()

{

InitializeComponent();

RadTileElement tile = new RadTileElement();

tile.Text = "Test";

tile.ColSpan = 2;

tile.BackgroundImage = Properties.Resources.lincoln_towncar_2006;

tile.BackgroundImageLayout = ImageLayout.Stretch;

tile.TextAlignment = ContentAlignment.BottomCenter;

tile.ForeColor = Color.Black;

this.radPanorama1.Items.Add(tile);

}

Additionally, you can construct your custom design for the tiles by following the demonstrated approach in the Custom Tiles help article.

I hope this information helps. Should you have further questions, I would be glad to help.

Regards,
Dess
Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

answered on 05 Jul 2015, 01:34 AM

panel-text-or-text-semi-transparent-background-color.png

its not what i mean Sir Dess.

what i mean is that how to make semi-transparent text background color

but always ontop of livetiles.items.

please see my attached.

Accepted

answered on 06 Jul 2015, 03:00 PM

LiveTileBackColor.png

Hello Paulberth,

Thank you for writing back.

The attached screenshot illustrates our Demo application. Note that it uses a custom RadLiveTileElement in RadPanorama. However, the transparent back-color is achieved by setting the LightVisualElement.BackColor property to a custom color specifying the alpha. Here is the sample code snippet which result is illustrate don the attached screenshot:

RadLiveTileElement liveTile = new RadLiveTileElement();

this.radPanorama1.Items.Add(liveTile);

liveTile.BackgroundImage = Properties.Resources.chicken_toast;

liveTile.BackgroundImageLayout = ImageLayout.Stretch;

liveTile.ColSpan = 2;

liveTile.EnableAnimations = false;

LightVisualElement lve = new LightVisualElement();

lve.Text = "Sample";

lve.BackColor = Color.FromArgb(180, 74, 200, 111);

lve.GradientStyle = Telerik.WinControls.GradientStyles.Solid;

lve.Alignment = ContentAlignment.BottomCenter;

lve.StretchVertically = false;

lve.DrawFill = true;

liveTile.Items.Add(lve);

I hope this information helps. If you have any additional questions, please let me know.

Regards,
Dess
Telerik

answered on 05 Oct 2015, 06:11 PM

Hi Dess, how can i do the same in radlistview with icon view and custom items.

Protected Overrides Sub CreateChildElements()
        MyBase.CreateChildElements()

        stackLayout = New StackLayoutPanel()
        stackLayout.Orientation = Orientation.Vertical
        Me.stackLayout.ShouldHandleMouseInput = False
        Me.stackLayout.NotifyParentOnMouseInput = True

        imageElement = New LightVisualElement()

        imageElement.ImageLayout = ImageLayout.Zoom
        imageElement.StretchVertically = True
        imageElement.Margin = New Padding(10, 5, 10, 5)

        Me.imageElement.ShouldHandleMouseInput = False
        Me.imageElement.NotifyParentOnMouseInput = True

        stackLayout.Children.Add(imageElement)

        artistElement = New LightVisualElement()
        artistElement.TextAlignment = ContentAlignment.MiddleLeft
        artistElement.Margin = New Padding(10, 5, 10, 5)
        artistElement.ForeColor = Color.FromArgb(255, 255, 255, 255)
        artistElement.Font = New Font("Segoe UI", 14, FontStyle.Bold, GraphicsUnit.Point)

        stackLayout.Children.Add(artistElement)

        titleElement = New LightVisualElement()
        titleElement.TextAlignment = ContentAlignment.MiddleLeft
        titleElement.Margin = New Padding(10, 5, 10, 5)
        titleElement.ForeColor = Color.FromArgb(255, 114, 118, 125)
        titleElement.Font = New Font("Segoe UI", 10, FontStyle.Bold Or FontStyle.Italic, GraphicsUnit.Point)
        stackLayout.Children.Add(titleElement)

        Me.Children.Add(stackLayout)

        Me.Padding = New Padding(5)
        Me.Shape = New RoundRectShape(10)
        'Me.BorderColor = Color.FromArgb(255, 110, 153, 210)
        'Me.BorderGradientStyle = GradientStyles.Solid
        'Me.DrawBorder = True
        Me.DrawFill = True
        Me.BackColor = Color.FromArgb(15, 230, 238, 254)
        Me.GradientStyle = GradientStyles.Solid

    End Sub