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

panorama tiles

6 Answers 180 Views
Panorama
This is a migrated thread and some comments may be shown as answers.
Paulberth
Top achievements
Rank 1
Paulberth asked on 25 Jun 2015, 07:36 AM
how to make panorama tile text have a color background. please see attached file

6 Answers, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 29 Jun 2015, 02:38 PM
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
0
Paulberth
Top achievements
Rank 1
answered on 05 Jul 2015, 01:34 AM

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.

0
Accepted
Dess | Tech Support Engineer, Principal
Telerik team
answered on 06 Jul 2015, 03:00 PM
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
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
0
Paulberth
Top achievements
Rank 1
answered on 07 Jul 2015, 02:51 AM

got cha!

thank you very much Dess.....

0
RICARDO
Top achievements
Rank 1
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
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 08 Oct 2015, 07:37 AM
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
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
Tags
Panorama
Asked by
Paulberth
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Paulberth
Top achievements
Rank 1
RICARDO
Top achievements
Rank 1
Share this question
or