I have rectangle which act as container for other elements.
Can I somehow setup some property of rectangle to round its corners, in fact, to get rounded box.
In css it is easy, but how to do in SSRS?
Actually, it is fairly easy. I had a bunch of text boxes that a rounded corner border needed to be placed. The first thing I tried was an image control. I placed it on top of my text boxes and set it to "Send to back." It worked well in print rendering, however, in the browser rendering the HTML placed the textboxes after the image making it look horrible.
The solution was this:
Go into paint and draw a rounded corner box the size you need.
Cut the set of text boxes to surround with rounded border.
Place a rectangle control over the entire area all the text boxes covered.
Paste my text boxes onto the rectangle.
Right-Click and choose rectangle properties.
Select the Fill Tab and select "Embedded" image source.
Click Import and select your paint image(i used PNG but it shouldn't matter).
Click Ok.
Find and expand BackgroundImage on Rectangle and change BackgroundRepeat to "Clip.". Otherwise, your image is repeated.
The report should now render properly in both print and html rendering views. Unfortunately, this doesn't seem to stretch/size, so unless you can figure that one out, you will have to repeat whenever you need a different sized rounded box.
Brian
All solution I have seen use a background image inside a textbox.
But you get problems when you try to resize the textbox.
The solution is to insert a 3x3 table inside the texbox.
Insert the 3x3 table
Insert an image on each corner. They will be a quarter of a circle each. (This image is created in MS Paint or your favorite image program)
Make those 4 corners cells unresizable (Set property CanGrow to false). Make sure all the other cells have CanGrow = true if you need it
Make all the cells the same background color (same color as the image you draw).
Write your text in the middle cell.
OPTIONAL: It might also be a good idea to fuse the 3 vertical middle cells if possible. It will allow more space to write text in the cell.
This way you won't have to create new image everytime the size of your textbox change.
You would have to build an image that has a transparent center for adding your text.
All this would be more work than I would want to do just for a report.
I would stick with just the standard textboxes.
Related
I have built a simple website which includes a parallax image gallery with accompanying text descriptions for each image. The gallery is underlaid with a simple repeating pattern wallpaper.
The images have no margin between them. Their borders are covered by the text box which has a higher z-index, and the discrepancy between the scroll speed of the images and texts creates the parallax effect.
I would like to allow the background wallpaper (bottom layer) to also be the background of the textbox but to achieve this, I would need to make the middle layer (the image) transparent where it is obscured by the text box.
I have no idea where to start with this - I suspect my best bet is to just ignore this problem remove the wallpaper altogether but perhaps there is a straightforward answer to this issue?
The included image has a semi-transparent text-box and borders to give an idea of the layout and the problem I'm facing. Would appreciate any ideas. thanks
Link to the image
I am trying to incorporate the following image into the cover page of my report.
It's currently saved as a PNG file with dimension 1275 x 1650.
Like a lot of online posts suggested, I
* inserted a rectangle
* set the image as the background image
And here are my properties for the rectangle.
When I rendered my report to PDF, the image was splitted
into multiple blank pages and the bottom of the graphic (with logo and URL)
didn't even show.
How can I make sure this graphic is displayed fully on only the first page?
I can't tell if you have other objects on your cover page, but here's what I did to get this working correctly.
Add an image object to your report.
Make sure the margins are set fairly low(I used .25in for top, bottom, left, and right).
With the margins set at .25in, I set the image object to a size of 8in x 10.5in to fill the remaining space on the page.
In the image object properties, set padding options all to zero and Display to "Fit to size".
Now the trick here, is to put the image object in the very top left corner and resize the report to the exact size of the image object -- no whitespace in the design view. For me, this returns a single page report with the entire image shown on a single page.
I have a table with four columns. Column 3 is about mark grade (A,B,B+,...) and I want draw rectangle around it. When I drag rectangle into table cell, it auto resize to fit the whole cell but I cannot resize it smaller.
Is it possible way to solve this problem?
Yes this can be done. While you are currently inserting a rectangle to the cell, there is nothing stopping you adding another rectangle inside this first rectangle.
Add a rectangle to the cell in your table (yellow background in the screenshot below)
Add a rectangle inside this rectangle, and set it's BorderStlye to Solid and BorderWidth to 2pt (red background in the screenshot below)
Insert a textbox showing you expression to the inner rectangle (blue background in the image below.
This will give a layout as shown
That when run will appear as follows
You can resize this items to be the size you require for your report.
Hopefully this will solve you problem - let me know if you need further assistance or if I can help further
Indicator automatically extends when the row in the table will be more than one line of text. Here is an example how it looks like:
What to do to not change its size?
There is an option such "Auto-fit all gauges in panel" in Indicator properties. But I don't understand how it works and what should I do to change it in right way.
Any tips? ;)
You should put a rectangle within your table cell, and put the indicator within that.. This should ensure that the indicator size stays uniform.
Also remember to remove the rectangle borders where required.
I'm working on a report in SSRS (SQL Server Reporting Services) right now, and I'm having a problem getting a rectanlge I draw on the page in the report designer to grow. Basically, I've got a rectangle drawn, and then I put a text field inside of it. The contents of this text field can be either very short or very long, so I want it to grow to accomodate its contents.
But when I enter the long text, the textbox grows and then sticks outside of the lines of the rectangle. From the SSRS documentation I read, it says rectangles should grow to contain the items within them, and that those items are "peers".
What gives?
The only way I can get a textbox to breach the border of a rectangle is if the textbox is not actually inside the rectangle, but instead is underneath it.
When the textbox is inside the rectangle, and when the textbox property CanGrow = TRUE then the textbox and its rectangle both grow vertically downward to accommodate large amounts of text.
I was seeing the same issue. My problem was that I had the text boxes first and then put the rectangle around it and sent it to the back. Once I dragged the text boxes off and then back onto the rectangle, it grew properly.
You can tell whether the textbox is in the rectangle or on the body (e.g.) by looking at the Parent property of the textbox. If the textbox is outside of the rectangle, it works well to cut the textbox and paste it into the rectangle. I've had issues at times when trying to drag objects into (onto) a rectangle.
Maybe a little late - but it may help someone later.
The rectangle can serve as a container.
To turn the rectangle into a container, create the rectangle first. Just drop your other child-object elements (e.g. lists, tables, etc) into the container.
However, you cannot create the container after creating the child objects.