Overlaying shape not displaying correctly

8 posts, 0 answers
  1. Pinkesh
    Pinkesh avatar
    28 posts
    Member since:
    Sep 2015

    Posted 14 Dec 2016 Link to this post

    Hi, Im trying to use overlay shape to create the style I wants, please refer to the image below

    https://unsee.cc/nomugira/.

    (1): is the style I want

    (2): is what it is actually displaying

     

    Notice also on the top left corner, it should be a red circle, but for some reason it made the whole 'design box' red, so not just the circle is red but the whole area.

     

    Is there a way around this? or perhaps another way to achieve the same effect?

     

    Thanks

  2. Stef
    Admin
    Stef avatar
    3610 posts

    Posted 15 Dec 2016 Link to this post

    Hello Pinkesh,

    Overlapping items can result in unexpected layout in different media e.g. Excel, Word. Instead of the Shape item, you can use a Panel item with set Panel.Style.BackgroundImage.

    About the Shape item on top, please check which version of Telerik Reporting is used, and if the problem is reproducible with v10.2.16.1025(R3 2016 SP1).


    In order to provide you more accurate suggestions, please post the code generating the report (the CS|VB and Designer.CS|VB files).

    Regards,
    Stef
    Telerik by Progress
    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. Pinkesh
    Pinkesh avatar
    28 posts
    Member since:
    Sep 2015

    Posted 15 Dec 2016 Link to this post

    I've uploaded the files here: <removed by admin: please use the support ticketing system to share files different than images>

     

    As for the "unexpected layout in different media", I'm just using the Preview function provided with telerik in visual studio.

     

    For the shape, so it is impossible to just make the circle red and the background transparent?

     

    my version is 10.2.16.1025, R3 2016 SP1, so yes

     

     

  4. Stef
    Admin
    Stef avatar
    3610 posts

    Posted 15 Dec 2016 Link to this post

    Hi Pinkesh,

    Only image attachments are allowed in forums.
    Please use the support ticketing system to share the code added in a ZIP file, up to 20MB per attachment. You can also directly paste the code in your post.

    Regards,
    Stef
    Telerik by Progress
    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
  5. Pinkesh
    Pinkesh avatar
    28 posts
    Member since:
    Sep 2015

    Posted 15 Dec 2016 Link to this post

    ok here is the code:

     

    namespace RMS.Link.Reports.Report_Components
    {
        partial class RiskEvaluation
        {
            #region Component Designer generated code
            /// <summary>
            /// Required method for telerik Reporting designer support - do not modify
            /// the contents of this method with the code editor.
            /// </summary>
            private void InitializeComponent()
            {
                Telerik.Reporting.Drawing.StyleRule styleRule1 = new Telerik.Reporting.Drawing.StyleRule();
                this.detail = new Telerik.Reporting.DetailSection();
                this.reportHeaderSection1 = new Telerik.Reporting.ReportHeaderSection();
                this.panel1 = new Telerik.Reporting.Panel();
                this.panel2 = new Telerik.Reporting.Panel();
                this.textBox1 = new Telerik.Reporting.TextBox();
                this.shape1 = new Telerik.Reporting.Shape();
                this.panel7 = new Telerik.Reporting.Panel();
                this.shape2 = new Telerik.Reporting.Shape();
                this.shape3 = new Telerik.Reporting.Shape();
                this.shape4 = new Telerik.Reporting.Shape();
                this.shape5 = new Telerik.Reporting.Shape();
                this.shape6 = new Telerik.Reporting.Shape();
                this.shape7 = new Telerik.Reporting.Shape();
                this.textBox3 = new Telerik.Reporting.TextBox();
                this.textBox4 = new Telerik.Reporting.TextBox();
                this.textBox6 = new Telerik.Reporting.TextBox();
                this.textBox7 = new Telerik.Reporting.TextBox();
                this.textBox8 = new Telerik.Reporting.TextBox();
                this.textBox9 = new Telerik.Reporting.TextBox();
                ((System.ComponentModel.ISupportInitialize)(this)).BeginInit();
                // 
                // detail
                // 
                this.detail.Height = Telerik.Reporting.Drawing.Unit.Inch(2D);
                this.detail.Name = "detail";
                // 
                // reportHeaderSection1
                // 
                this.reportHeaderSection1.Height = Telerik.Reporting.Drawing.Unit.Inch(5D);
                this.reportHeaderSection1.Items.AddRange(new Telerik.Reporting.ReportItemBase[] {
                this.panel1});
                this.reportHeaderSection1.Name = "reportHeaderSection1";
                // 
                // panel1
                // 
                this.panel1.Items.AddRange(new Telerik.Reporting.ReportItemBase[] {
                this.panel2,
                this.panel7});
                this.panel1.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(0.19999997317790985D), Telerik.Reporting.Drawing.Unit.Inch(0.099999986588954926D));
                this.panel1.Name = "panel1";
                this.panel1.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(5.5003166198730469D), Telerik.Reporting.Drawing.Unit.Inch(3.5000002384185791D));
                this.panel1.Style.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(237)))), ((int)(((byte)(239)))), ((int)(((byte)(239)))));
                // 
                // panel2
                // 
                this.panel2.Items.AddRange(new Telerik.Reporting.ReportItemBase[] {
                this.textBox1,
                this.shape1});
                this.panel2.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(3.9418537198798731E-05D), Telerik.Reporting.Drawing.Unit.Inch(3.9418537198798731E-05D));
                this.panel2.Name = "panel2";
                this.panel2.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(5.5000400543212891D), Telerik.Reporting.Drawing.Unit.Inch(0.39996051788330078D));
                this.panel2.Style.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(86)))), ((int)(((byte)(124)))), ((int)(((byte)(98)))));
                // 
                // textBox1
                // 
                this.textBox1.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(0.39996066689491272D), Telerik.Reporting.Drawing.Unit.Inch(3.9418537198798731E-05D));
                this.textBox1.Name = "textBox1";
                this.textBox1.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(5.10007905960083D), Telerik.Reporting.Drawing.Unit.Inch(0.40000009536743164D));
                this.textBox1.Style.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(86)))), ((int)(((byte)(124)))), ((int)(((byte)(98)))));
                this.textBox1.Style.Color = System.Drawing.Color.White;
                this.textBox1.Style.Font.Bold = true;
                this.textBox1.Style.TextAlign = Telerik.Reporting.Drawing.HorizontalAlign.Left;
                this.textBox1.Style.VerticalAlign = Telerik.Reporting.Drawing.VerticalAlign.Middle;
                this.textBox1.Value = "RISK EVALUATION";
                // 
                // shape1
                // 
                this.shape1.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(0.19996060431003571D), Telerik.Reporting.Drawing.Unit.Inch(0.05000000074505806D));
                this.shape1.Name = "shape1";
                this.shape1.ShapeType = new Telerik.Reporting.Drawing.Shapes.EllipseShape(0D);
                this.shape1.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(0.19999980926513672D), Telerik.Reporting.Drawing.Unit.Inch(0.30000004172325134D));
                this.shape1.Style.BackgroundColor = System.Drawing.Color.Red;
                this.shape1.Style.BackgroundImage.Repeat = Telerik.Reporting.Drawing.BackgroundRepeat.NoRepeat;
                this.shape1.Style.Color = System.Drawing.Color.Red;
                this.shape1.Style.LineColor = System.Drawing.Color.Red;
                // 
                // panel7
                // 
                this.panel7.Items.AddRange(new Telerik.Reporting.ReportItemBase[] {
                this.shape2,
                this.shape3,
                this.shape4,
                this.shape6,
                this.shape7,
                this.textBox3,
                this.textBox4,
                this.textBox6,
                this.textBox7,
                this.shape5,
                this.textBox8,
                this.textBox9});
                this.panel7.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(0.1000000610947609D), Telerik.Reporting.Drawing.Unit.Inch(0.5D));
                this.panel7.Name = "panel7";
                this.panel7.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(5.3000001907348633D), Telerik.Reporting.Drawing.Unit.Inch(2.600078821182251D));
                // 
                // shape2
                // 
                this.shape2.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(3.9418537198798731E-05D), Telerik.Reporting.Drawing.Unit.Inch(3.9339065551757812E-05D));
                this.shape2.Name = "shape2";
                this.shape2.ShapeType = new Telerik.Reporting.Drawing.Shapes.EllipseShape(0D);
                this.shape2.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(1.7000001668930054D), Telerik.Reporting.Drawing.Unit.Inch(1.4000000953674316D));
                this.shape2.Style.BackgroundColor = System.Drawing.Color.Red;
                this.shape2.Style.Color = System.Drawing.Color.Red;
                this.shape2.Style.Font.Bold = true;
                this.shape2.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(10D);
                // 
                // shape3
                // 
                this.shape3.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(1.8000001907348633D), Telerik.Reporting.Drawing.Unit.Inch(0D));
                this.shape3.Name = "shape3";
                this.shape3.ShapeType = new Telerik.Reporting.Drawing.Shapes.EllipseShape(0D);
                this.shape3.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(1.6999213695526123D), Telerik.Reporting.Drawing.Unit.Inch(1.4000000953674316D));
                this.shape3.Style.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(255)))), ((int)(((byte)(128)))), ((int)(((byte)(0)))));
                this.shape3.Style.Color = System.Drawing.Color.Red;
                this.shape3.Style.Font.Bold = true;
                this.shape3.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(10D);
                // 
                // shape4
                // 
                this.shape4.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(3.6000003814697266D), Telerik.Reporting.Drawing.Unit.Inch(0D));
                this.shape4.Name = "shape4";
                this.shape4.ShapeType = new Telerik.Reporting.Drawing.Shapes.EllipseShape(0D);
                this.shape4.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(1.7000001668930054D), Telerik.Reporting.Drawing.Unit.Inch(1.4000000953674316D));
                this.shape4.Style.BackgroundColor = System.Drawing.Color.Green;
                this.shape4.Style.Color = System.Drawing.Color.Red;
                this.shape4.Style.Font.Bold = true;
                this.shape4.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(10D);
                // 
                // shape5
                // 
                this.shape5.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(0D), Telerik.Reporting.Drawing.Unit.Inch(0.10000014305114746D));
                this.shape5.Name = "shape5";
                this.shape5.ShapeType = new Telerik.Reporting.Drawing.Shapes.EllipseShape(0D);
                this.shape5.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(1.6999607086181641D), Telerik.Reporting.Drawing.Unit.Inch(1.2000001668930054D));
                this.shape5.Style.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(237)))), ((int)(((byte)(239)))), ((int)(((byte)(239)))));
                this.shape5.Style.Color = System.Drawing.Color.Red;
                this.shape5.Style.Font.Bold = true;
                this.shape5.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(10D);
                // 
                // shape6
                // 
                this.shape6.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(1.7999610900878906D), Telerik.Reporting.Drawing.Unit.Inch(0.1000000610947609D));
                this.shape6.Name = "shape6";
                this.shape6.ShapeType = new Telerik.Reporting.Drawing.Shapes.EllipseShape(0D);
                this.shape6.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(1.6999607086181641D), Telerik.Reporting.Drawing.Unit.Inch(1.2000001668930054D));
                this.shape6.Style.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(237)))), ((int)(((byte)(239)))), ((int)(((byte)(239)))));
                this.shape6.Style.Color = System.Drawing.Color.Red;
                this.shape6.Style.Font.Bold = true;
                this.shape6.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(10D);
                // 
                // shape7
                // 
                this.shape7.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(3.6000397205352783D), Telerik.Reporting.Drawing.Unit.Inch(0.099999904632568359D));
                this.shape7.Name = "shape7";
                this.shape7.ShapeType = new Telerik.Reporting.Drawing.Shapes.EllipseShape(0D);
                this.shape7.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(1.6999607086181641D), Telerik.Reporting.Drawing.Unit.Inch(1.2000001668930054D));
                this.shape7.Style.BackgroundColor = System.Drawing.Color.FromArgb(((int)(((byte)(237)))), ((int)(((byte)(239)))), ((int)(((byte)(239)))));
                this.shape7.Style.Color = System.Drawing.Color.Red;
                this.shape7.Style.Font.Bold = true;
                this.shape7.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(10D);
                // 
                // textBox3
                // 
                this.textBox3.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(2.4000000953674316D), Telerik.Reporting.Drawing.Unit.Inch(0.19999997317790985D));
                this.textBox3.Name = "textBox3";
                this.textBox3.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(0.5D), Telerik.Reporting.Drawing.Unit.Inch(0.5D));
                this.textBox3.Style.Font.Bold = true;
                this.textBox3.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(25D);
                this.textBox3.Style.TextAlign = Telerik.Reporting.Drawing.HorizontalAlign.Center;
                this.textBox3.Style.VerticalAlign = Telerik.Reporting.Drawing.VerticalAlign.Middle;
                this.textBox3.Value = "2";
                // 
                // textBox4
                // 
                this.textBox4.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(4.2000002861022949D), Telerik.Reporting.Drawing.Unit.Inch(0.19999997317790985D));
                this.textBox4.Name = "textBox4";
                this.textBox4.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(0.5D), Telerik.Reporting.Drawing.Unit.Inch(0.5D));
                this.textBox4.Style.Font.Bold = true;
                this.textBox4.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(25D);
                this.textBox4.Style.TextAlign = Telerik.Reporting.Drawing.HorizontalAlign.Center;
                this.textBox4.Style.VerticalAlign = Telerik.Reporting.Drawing.VerticalAlign.Middle;
                this.textBox4.Value = "1";
                // 
                // textBox6
                // 
                this.textBox6.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(2.3000004291534424D), Telerik.Reporting.Drawing.Unit.Inch(0.80000013113021851D));
                this.textBox6.Name = "textBox6";
                this.textBox6.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(0.7000001072883606D), Telerik.Reporting.Drawing.Unit.Inch(0.30007871985435486D));
                this.textBox6.Style.TextAlign = Telerik.Reporting.Drawing.HorizontalAlign.Center;
                this.textBox6.Style.VerticalAlign = Telerik.Reporting.Drawing.VerticalAlign.Middle;
                this.textBox6.Value = "Moderate Recs";
                // 
                // textBox7
                // 
                this.textBox7.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(4.1000003814697266D), Telerik.Reporting.Drawing.Unit.Inch(0.800000011920929D));
                this.textBox7.Name = "textBox7";
                this.textBox7.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(0.7000001072883606D), Telerik.Reporting.Drawing.Unit.Inch(0.30007871985435486D));
                this.textBox7.Style.TextAlign = Telerik.Reporting.Drawing.HorizontalAlign.Center;
                this.textBox7.Style.VerticalAlign = Telerik.Reporting.Drawing.VerticalAlign.Middle;
                this.textBox7.Value = "Advisory Recs";
                // 
                // textBox8
                // 
                this.textBox8.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(0.60000008344650269D), Telerik.Reporting.Drawing.Unit.Inch(0.19999988377094269D));
                this.textBox8.Name = "textBox8";
                this.textBox8.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(0.5D), Telerik.Reporting.Drawing.Unit.Inch(0.5D));
                this.textBox8.Style.Font.Bold = true;
                this.textBox8.Style.Font.Size = Telerik.Reporting.Drawing.Unit.Point(25D);
                this.textBox8.Style.TextAlign = Telerik.Reporting.Drawing.HorizontalAlign.Center;
                this.textBox8.Style.VerticalAlign = Telerik.Reporting.Drawing.VerticalAlign.Middle;
                this.textBox8.Value = "3";
                // 
                // textBox9
                // 
                this.textBox9.Location = new Telerik.Reporting.Drawing.PointU(Telerik.Reporting.Drawing.Unit.Inch(0.5D), Telerik.Reporting.Drawing.Unit.Inch(0.79999995231628418D));
                this.textBox9.Name = "textBox9";
                this.textBox9.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Inch(0.7000001072883606D), Telerik.Reporting.Drawing.Unit.Inch(0.30007871985435486D));
                this.textBox9.Style.TextAlign = Telerik.Reporting.Drawing.HorizontalAlign.Center;
                this.textBox9.Style.VerticalAlign = Telerik.Reporting.Drawing.VerticalAlign.Middle;
                this.textBox9.Value = "Critical Recs";
                // 
                // RiskEvaluation
                // 
                this.Items.AddRange(new Telerik.Reporting.ReportItemBase[] {
                this.detail,
                this.reportHeaderSection1});
                this.Name = "RiskEvaluation";
                this.PageSettings.Margins = new Telerik.Reporting.Drawing.MarginsU(Telerik.Reporting.Drawing.Unit.Inch(1D), Telerik.Reporting.Drawing.Unit.Inch(1D), Telerik.Reporting.Drawing.Unit.Inch(1D), Telerik.Reporting.Drawing.Unit.Inch(1D));
                this.PageSettings.PaperKind = System.Drawing.Printing.PaperKind.Letter;
                styleRule1.Selectors.AddRange(new Telerik.Reporting.Drawing.ISelector[] {
                new Telerik.Reporting.Drawing.TypeSelector(typeof(Telerik.Reporting.TextItemBase)),
                new Telerik.Reporting.Drawing.TypeSelector(typeof(Telerik.Reporting.HtmlTextBox))});
                styleRule1.Style.Padding.Left = Telerik.Reporting.Drawing.Unit.Point(2D);
                styleRule1.Style.Padding.Right = Telerik.Reporting.Drawing.Unit.Point(2D);
                this.StyleSheet.AddRange(new Telerik.Reporting.Drawing.StyleRule[] {
                styleRule1});
                this.Width = Telerik.Reporting.Drawing.Unit.Inch(6D);
                ((System.ComponentModel.ISupportInitialize)(this)).EndInit();

            }
            #endregion

            private Telerik.Reporting.DetailSection detail;
            private Telerik.Reporting.ReportHeaderSection reportHeaderSection1;
            private Telerik.Reporting.Panel panel1;
            private Telerik.Reporting.Panel panel2;
            private Telerik.Reporting.TextBox textBox1;
            private Telerik.Reporting.Shape shape1;
            private Telerik.Reporting.Panel panel7;
            private Telerik.Reporting.Shape shape2;
            private Telerik.Reporting.Shape shape3;
            private Telerik.Reporting.Shape shape4;
            private Telerik.Reporting.Shape shape5;
            private Telerik.Reporting.Shape shape6;
            private Telerik.Reporting.Shape shape7;
            private Telerik.Reporting.TextBox textBox3;
            private Telerik.Reporting.TextBox textBox4;
            private Telerik.Reporting.TextBox textBox6;
            private Telerik.Reporting.TextBox textBox7;
            private Telerik.Reporting.TextBox textBox8;
            private Telerik.Reporting.TextBox textBox9;
        }
    }

  6. Stef
    Admin
    Stef avatar
    3610 posts

    Posted 16 Dec 2016 Link to this post

    Hello Pinkesh,

    The problem is not reproducible in design-time preview and HTML preview, PDF. Tested v10.2.16.1025 R3 2016 SP1 and the attached demo project.

    Please upgrade the project.

    Regards,
    Stef
    Telerik by Progress
    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
  7. Pinkesh
    Pinkesh avatar
    28 posts
    Member since:
    Sep 2015

    Posted 16 Dec 2016 Link to this post

    Hey Stef,

     

    so in your version you are able to produce the result that I want? check image below again:

    http://imgur.com/YJL7mFN

    Number (1) is result I want

     

    Thanks

  8. Stef
    Admin
    Stef avatar
    3610 posts

    Posted 19 Dec 2016 Link to this post

    Hello Pinkesh,

    The attached screenshot illustrates the result of running the previously provided demo project.

    Regards,
    Stef
    Telerik by Progress
    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