panorama tiles

7 posts, 1 answers
  1. Paulberth
    Paulberth avatar
    3 posts
    Member since:
    Jun 2015

    Posted 25 Jun 2015 Link to this post

    how to make panorama tile text have a color background. please see attached file
  2. Dess
    Admin
    Dess avatar
    1609 posts

    Posted 29 Jun 2015 Link to this post

    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
  3. UI for WinForms is Visual Studio 2017 Ready
  4. Paulberth
    Paulberth avatar
    3 posts
    Member since:
    Jun 2015

    Posted 04 Jul 2015 in reply to Dess Link to this post

    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.

  5. Answer
    Dess
    Admin
    Dess avatar
    1609 posts

    Posted 06 Jul 2015 Link to this post

    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
  6. Paulberth
    Paulberth avatar
    3 posts
    Member since:
    Jun 2015

    Posted 06 Jul 2015 in reply to Dess Link to this post

    got cha!

    thank you very much Dess.....

  7. RICARDO
    RICARDO avatar
    1 posts
    Member since:
    Aug 2014

    Posted 05 Oct 2015 in reply to Dess Link to this post

    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
  8. Dess
    Admin
    Dess avatar
    1609 posts

    Posted 08 Oct 2015 Link to this post

    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
Back to Top
UI for WinForms is Visual Studio 2017 Ready