How to make some of the Column lines Bold in SSRS - reporting-services

I have 36 columns in a table report,I need to make bold lines for every 3 columns.I tried Border style Solid and Double but still i could not make the changes.What should be done to make the lines bold

Have you tried changing your border width to 2pt? If you just type a 2 in the property it should work.
Since you are trying to make the columns bold, just try change the left and right borders, not the default. You will have to play around a little, because technically the borders of the columns on either side impact how the column looks.

Related

Why is the border wider in Outlook client than in the web?

I am creating HTML template for Outlook and I want my 2 column table to have bottom borders on the columns like this, which I did by setting border-bottom property to the td element
Anyway, the picture is from the browser outlook, because when I open the client I see this .. as you can see the border of the last row is a single line, it's not split..to create a gap between the columns I use border-right: 25px solid white property.
Here is the situation with odd number of items [Img], (https://i.stack.imgur.com/231Af.png) I captured only the last 2 rows, but you can see the last item has a longer border than the upper ones. These tables are generated by code so all rows have the same properties, but still the last row makes the trouble.
The code is really long and messy, therefore I would like to ask without adding any code to the question. Do you have any ideas why this happens?
I have tried using a lot of CSS properties but none of them works.

SSRS border lines with different colors not overlapping properly

I have a user-designed report that I am trying to replicate in SSRS, the report has a table with a default border color (Gray).
I need to draw a black line through one column, this adds the effect of separating the columns that lead up to the final column.
The problem I have is that the black line is not consistent but looks "split up" by the grey border of the table(and its cells).
The control used is a Tablix.
The workaround we have is to make the whole report color black or gray, but I'm just asking this to see if there is a way to implement different colors in an aesthetic way.
You can fix it by removing thick border and adding a BLANK column where you want the thick line.
Make the width of the column as per your requirement and make the borders to none for these cells (of blank column added). You may play with your left and right cells (it can be done). also, You should make the Can grow and Can shrik to False and True respectively.
If you want complete dark line (as shown), you may get an exception on the last row of the border for this particular added column. You can create a Report variable and keep the totalRecordCount and use it in expression of down border. Hope it helps!

Spacing width between lines

I've got a textbox which has text that is coming from a stored procedure. I'm trying to increase the line spacing between text so that the text doesn't seem so "squished together".
i.e.
ABC
DEF
I want slightly more spacing between ABC and DEF. Using the newline operation isn't feasible, because the spacing will be too large.
I've tried using the line spacing property option but that hasn't made a difference.
Edit: DEF should be directly under ABC in the example.
What you want is unfortunately not possible in SSRS. From the relevant documentation, here's the limited list of what you can do with CSS in reports:
text-align, text-indent
font-family
font-size [...] Supported units are: in, cm, mm, pt, pc. [...]
color
padding, padding-bottom, padding-top, padding-right, padding-left
font-weight
Your question speaks of "line spacing" (i.e. line-height?), but your examples seem to be about word-spacing. Unfortunately, neither's available in SSRS.
For word-spacing I can only think of hacks and workarounds, most of which aren't pretty:
Use SQL or expressions to double spaces, e.g. Replace(Fields!Xyz.Value, " ", " ")
Choose a different font that allows for more space between words.
Beyond that workarounds get even less pretty.
For word-spacing I can't really think of any workarounds, except for the one you used (linebreaks) or using a different font.
Bottom line is probably that you can't really do anything about his, AFAIK.
I was able to control this by double spacing my text and then changing the font size of the second line break
For example:
text <--CRLF, 8pt
<-- CRLF, 4pt
text
It's not very scalable, but it does the job.
Try adding padding in the textbox and changing the vertical alignment. It will increase the space between the cells. Worked for me.
I know this is an old topic, but you can do that by changing SpaceAfter and SpaceBefore properties.
Try this:
TextBox Properties -> Font -> Line Spacing -> Custom
UPDATE:
This is Microsoft bug..
The line spacing depends on font size... option below doesn't work..
Yes you can make a line any height you want. When you select the line on the far left side of the row drag your mouse to increase the row height. Set the vertical alignment in the text box to Top. This will stop the data from moving to the center of the box or you can use padding options for the bottom.
There isn't a way to natively do this, but a very customisable way is to simply add lines in between your lines manually and change the font-size so that the line size decreases respectively. A bit time-consuming but better than nothing.
I finally found that if I add blank expressions within my text I can trick SSRS to double space.
right click-> Create Placeholder
Do this mid sentence on the second or subsequent line
Set the Value in Placeholder Properties to ="" (*an empty string*)
you will have text in your SSRS document that looks like this:
I want to <Expr>double space.
Now highlight the <Expr> and set the text size to double the font you're using
And the report will render with the effect of double spacing.

Cell spacing issue

I am using a table to display data pulled from two database tables. I am trying to put the information in two rows seperated by a hr tag to create a line between them. However the last cell (in this case) does not have anything to be input into the bottom of it. It here a character that is the same height as a letter that I can put in there to make the hr tag line up with the others while still not being visible to the user?
To get a table cell to appear, you need to have a character in it. To add an invisible character, generally, a non-breaking space is used. This is created using the HTML entity.
To get a blank character, use the following HTML entity:
In order to draw lines, however, I would not use an <hr>.
Use CSS to define your table borders:
table td {
border:1px solid #ccc;
padding:1px;
}
You can do this at the table, row, or cell level (or any HTML element for that matter), which makes it very flexible, and renders the hr tag superfluous in this instance.

Problem getting items in adjacent table cells to align vertically

I'm having a big of a styling problem with some table rows. As per this screenshot:
The blue and red circles are cells in a table row (whose height is 50px). Both are styled with "vertical-align:top" . The phone number data (in the red circle) is actually a pipe-delimited string where I've substituted HTML breaks for the pipes.
In the green circle, the Fax lable is "vertical-align:top", but the actual list of fax numbers (also delimited) are vertical-align:middle.
What I want is for these things to neatly line up, with the top phone number/fax being vertically aligned with the label. Is my substitution of breaks for pipes in the phone/fax strings is the cause of this problem? Is there a way I can get what I want without changes to the database table/app?
Update: I sort of accomplished this via some padding on the table cell. I say sort of because it mostly looks lined up, but I get the sinking feeling this is happening not because I want it to, but due to random chance. And that it will one day betray me when I need it to look right the most.
Try the following CSS:
table td, table th {
vertical-align: top;
}
You should probably not rely on valign and stuff, that's long-since been replaced with CSS.
I agree with Parrot's implementation of CSS for this, you should also note that having different fonts and font sizes in the cells will make them appear misaligned, even with the same styling applied to each. If the alignment is important to the look/feel of the page you're creating, I would consider separating the data again and making each phone/fax number it's own heading with a header row "Phone" and "Fax" having colspan="2".
*------------------------*
| Phone: |
|------------------------|
| Back: | xxx-xxx-xxxx |
|------------------------|
| Front: | xxx-xxx-xxxx |
|------------------------|
| Fax: |
... etc.
And no, the substitution of | with <br /> will have no negative effect on the look of the tables, so long as there are not any LEADING |s.
You call them labels (as they semantically are), are you using the labels tag as well ? if so check if it has some css rules applied to it that mess things up.
1st (blue/red) this seems weird if they are both valign:top. have you checked if the label is having some top margin or padding applied on it, or some css rule with vertical-align:middle?
2nd case (green), you will need to align them to the top as well ..
if one is middle and the other top you can never align them ..