I'm having a problem with my SSRS report.
The data that i'm showing in some of the fields is larger than the max-width of the textbox.
How i can implements something like word-wrap in CSS, so the text can be split in multiple lines?
By default, text boxes will wrap text. Make sure you have not changed the can grow property (it is set to True by default).
If the text is too long to fit, it will increase the height of the text box to accommodate all the text.
Related
I have a div that contains 2 "heading" style texts and 2 paragraph style texts. I would like the second paragraph style text to end with an ellipsis should it be too large. The div is a set size, but the length of each paragraph could be different. Example image as follows
How can I accomplish this? I am aware of the line-clamp css setting, but the line numbers are variable.
Note: this is being built for a PDF that is paper sized, so that's the reason why the length is set. Also note that weasyprint, the PDF builder, generates from HTML and CSS without the use of JS.
Note 2: It is not a duplicate of questions that ask for exact number of lines. Clamping on 4 lines is already understood by me. It is the fact that the div has a set height with multiple different p tags of which two have a varying height.
I am creating a text area field in Angular4/Bootstrap3 to be run on IE11.
The text area will be pre-filled with some text
<textarea [value]="mydata" class="form-control" rows="5"></textarea>
This works the way one would expect it to. 5 rows are shown and if text exceeds what can be fitted into 5 rows, a scrollbar is displayed. If text is less than empty space is displayed in the text area.
What I am trying to achieve is little different than the default behavior. I would like the textarea to be resizable but the size should not exceed certain number of rows. Lets say the max size is set to 5 rows.
So, if the text to be displayed can be fitted in 1 row, then text area only shows 1 row. If it can be fitted in 4 rows it expands to 4 rows. If it can be fitted in 10 rows, then it expands up to 5 rows and shows a scrollbar for the remaining text.
Is such kind of behaviour possible? I have used rows as an example, but if it can be achieved with height property or something else, I am fine with that as well.
You can achieve this with a little CSS, and using the max-height property:
textarea {
overflow-y:scroll
max-height:100px; /* change to a height you see fit */
}
By not setting a default height, the text area will be high enough for any content less than your max-height, and when it hits it, it'll start scrolling.
Also, remove the rows attribute from your textarea.
Even though text are same length in HTML source, they are not displayed as aligned. I want to display both texts with the same width.
Please see the screenshot
If you'd like to do the alignment simply with the text/font you need to use a monospaced font type. Other possibilities would be to use a table or CSS.
Is there a way to turn off the fact that objects push down other objects if their height increase?
Example:
I have a text box and then a few inches down I have another text box.
The first text box wasn't big enough length wise so the contents of it generated a second line inside the text box.
This pushed ALL objects below down. I don't want this to happen. I want the text boxes to be FIXED wherever I put them. Can I do this?
You should be able to set CanGrow = false on the textbox. If that doesn't work then you could truncate the value to a max length by using an expression.
I have a set of fields forming line items and the fields text are aligned to the right currently. In most cases it works fine, however when the number exceeds the input width then the text/numbers are displayed from left to right. While it is an extreme case, I'm wondering if there is a way to always anchor the field text to the right.
As pointed out in the comment. The solution in stackoverflow.com/q/1962168/1059070 is what I was looking for.