panorama tiles

[Paulberth]

how to make panorama tile text have a color background. please see attached file

[Dess | Tech Support Engineer, Principal]

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

[Paulberth]

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.

[Dess | Tech Support Engineer, Principal]

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

[Paulberth]

got cha!

thank you very much Dess.....

[RICARDO]

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

[Dess | Tech Support Engineer, Principal]

Hello Ricardo,

Thank you for writing.

You can refer to the ListView >> Custom items help article which demonstrates how to construct custom items in all of the available views.

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

 

Regards,
Dess
Telerik