One of the columns in my table can contain a large amount of text, several paragraphs. This causes each row to be very tall and the table not readable.
I would like to set up a custom formatter for this column to automatically truncate the viewable text after X characters (X would be configurable) and include ellipses after that point and then display a "Show More" link. Clicking on "Show More" would then reveal all of the text in the cell, causing the row's height to expand to show all of the text, then toggling the "Show More" link to say "Show Less". Clicking on "Show Less" would return to the truncated view of the cell.
I can get part of this to work by simply returning from the custom formatter the first X characters of the text followed by a an element with display set to null containing the rest of the text. Clicking on "Show More" would change the element's display to inline.
In one sense this works, because the hidden text is displayed in part when Show More is clicked, but only the part that will fit into the existing cell's size. The rest is hidden and an ellipses is added.
For example, the initial load would show:
The quick brown fox jumped over the lazy
...Show More
Then after toggling it would show:
The quick brown fox jumped over the lazy dog... [this ellipses is added automatically by the CSS]
Show Less
How do I get the cell to expand to show all of the text?
A trickier version of this is to support HTML content, which can't be truncated as easily and still support showing the formatting properly. text-overflow:ellipses seems like it might solve that problem, but I have not figured out how to get it to work in this context. Indeed, text-overflow:ellipses might overall be a simpler solution to this problem if it can be made to work.
Btw, the alternative is to show the full text in a modal dialog, although I have not investigated that approach yet. (I don't think Tabulator supports a modal dialog out of the box, so I would need to add one, such as jquery's. See: Does anyone have or know of any example of a custom popup editor for Tabulator?)
Related
https://SURU.tinytake.com/sf/MTQxMTgzOV81MDc2MDI2
I want to stick some text of the bottom of the page, like on the screen, just before footer always. When there is text (from mergefield), next should be new lines. I hope screenshot make it easier to see.
You can put the text in a text box or frame with position set to "Bottom
Relative to Margin". It's the only idea I have due you don't want to use a footer.
Or you can see this article
Basically it gives three options:
Negative left indent
Margin text box
Anchor to the header
I found the solution to the problem on Microsoft's page and I hope that this page comes up for as many people as possible.
Select the text you want to stick to the bottom (or top) of the page. Under Layout tab take a look at the bottom right of the page layout section and you should see a small arrow that, when clicked on, opens a new menu. In that menu, go to layout tab and set vertical alignment to be "bottom". IMPORTANT! Make sue that the next menu option (at the bottom of that window) is set to "apply to selected sections" otherwise, you will be writing from the bottom of the page upwards.
Here is the source image that helped me. https://filestore.community.support.microsoft.com/api/images/0382c4a8-ade9-4fc4-be66-bcd2c7101479?upload=true
Here is the visual representation:
Note that the person who took the screenshot set the last setting to whole document, not just selected sections.
If selected sections option isn't available, make sure you selected a text before opening the menu.
Hope this helps!
I am building a layout to print (PDFs) of letters. I understood that text fields can shrink automatically to avoid white spaces.
My layout body is about 10 pages high as this would be the longest possible letter. Problem is: I cannot figure out how to tell the body to shrink to one page if I have a one page letter only.
Thus, I end up having 9 empty pages (only page numbers) and one "real" page.
How can I avoid all the empty pages?
If you have one enormous text field that you want to reduce in size based on the contents and have the enclosing part also reduce in size, look closely at the Position tab of the Inspector panel.
Under the "Sliding and Visibility" section, you'll find a checkbox for "Sliding up based on" with an additional pair of radio buttons and one checkbox when that's turned on. The checkbox reads "Also resize enclosing part". That's what you need to make sure is on to reduce the size of the body part the text field appears in.
I am making a power point template and I have a master, and dozens of slides under it. My master has a footer (Page Number)
[ <#>]
In the bottom right corner. (You can see this by opening up a blank presentation and viewing the master).
What I want to do is add some text such as
[ AUTHOR HERE <#> ]
and propagate this from my master to all the slides that inherit this master. But this doesnt work. It is absolutely dumb and ridiculous.
NOTE: I am aware of the functionality that I can do Insert -> Header & Footer -> Check the right boxes -> Apply Changes to All and this will come in handy when I want to reflect the change.
I can change the Footer and apply it in the Slide Master View and the Footer is updated. However, and this is the most frustrating part, when I add AUTHOR HERE to the Slide Number Part of the footer, those changes will not get reflected in the child slide!!
There is a fix, and it is to do it manually, but I would like this template to be dynamic so all you gotta do is change the name in the Page Number placeholder and it will update the rest of the template. I can make the PAGE NUMBER RED AND BOLD, I can move the Page Number place holder around and it updates the child slides accordingly, but when I add text into the box, it doesn't propagate! Why?!
Again, I'm trying a proof of concept from a default presentation.
I swear this is impossible.
In the redesign from PPT 2003 to 2007, MS solved a rather small problem that affects a moderate number of people and in so doing, created a big problem that affects anyone who uses headers/footers/etc. They haven't seen fit to fix it.
A couple of things:
I think you'll need to apply your "Author Here" text to the slide placeholder on each of the layouts (the "slides" indented beneath the main master in Master view).
To have the text apply, you'll want to go to Insert | Headers/Footers, remove the check next to Slide Number, click Apply to all. Then repeat to put the check next to Slide Number again. IOW, turn the slide numbers off then turn them back on again. This forces them to regenerate.
Finally, just in case: the <#> you see there isn't really a normal character, so typing <#> won't work. If you type your "Author Here " and then while the text cursor's still in the text box, choose Insert | Date&Time, you'll get the correct character.
if I want to format a small snippet of text using the dropdowns (ie Heading 1, 2 paragraph), it often ends up changing the tag for a large snippet of text (or even half the page).
How do i change this behaviour?
When you select part of a tag in Dreamweaver and change the format, DW will change the format of the parent tag.
What you are describing requires a different technique as you are trying to get inline formatting. You need to select the text and then wrap it with a span tag (Danilo's advice is correct in that regard). You then apply the CSS style you want to the span tag to change the format.
So to style No longer want to receive these updates it would look like so:
<p>No longer <span style="font-size:18px;">want</span> to receive these updates?</p>
After DW gets through with it. In Design View after wrapping the text with span, select in the Tag Inspect and switch the Property Bar to CSS mode to style.
When used like this the property inspector will expand the selection to include the parent tag of the selected text, causing the selected option in the property inspector (p, h1, h2, etc) to replace the parent tag with the selected option. you cannot change this operation.
You can make a selection, hit CTRL+T (CMD+T I assume on Mac) which brings up the Wrap Tag editing option, type your tag, then hit enter and the selection will be wrapped with the tag of your choice.
I'm trying to sort out my netbeans color theme and I'm almost there apart from one annoying highlight I can't seem to find anywhere! It only shows it self in HTML and CSS that I have seen so far!
Its the highlighting that happens when you click on an Id or class value for html elements, or elements in css
Have a look at the picture below and see if you can identify the option that defines the highlight below!
It appears to be the Cascading Style Sheet color for Mark Occurrences.
Tools|Options|Fonts & Colors, Select Language: Cascading Style Sheet, Select Category: Mark Occurrences.
It appears to be related to (but not exactly the same as) NetBeans bug 189963, and may be worth noting on that bug that the highlight color suffers the same problem as the base color.
BTW, When I changed the color value for that one and clicked on OK, it did not immediately update the editor window. I had to select something else for it to mark occurrences of, and as soon as I did that I saw the new color.