When you enter a large amount of content in the the RTE in umbraco, the RTE extends to accomodate the quantity of content. This can result in a lot of scrolling of the whole screen, such that the RTE toolbar scrolls out of the viewport. This can make it painful to apply styles to content towards the bottom of the RTE as you have to scroll down, highlight the content and then scroll back up to the toolbar before selecting the required style.
Is it possible to limit the size of the RTE in Umbraco such that the RTE scrolls instead of the whole screen, so that the toolbar remains visible?
Yes, go to "Settings" -> "Data Types" and select your rich text editor (or if you are using the default one then select "Richtext editor").
Scroll down to "Dimensions".
Here you can set the height (and leave the width empty)
Click "Save"
But keep in mind, if you change the default one then it will change it for all "Document Types" that are using it. So maybe it is better to create a new "Data Type".
Related
I'm building a page to enter a blog using Vaadin Flow 23.
Using TextArea I need to either expand the TextArea to fill the available space or make it so the user can resize the text area by clicking the bottom right-hand corner and dragging (or similar).
The problem is that I'm using the TextArea inside a FormLayout.
The FormLayout doesn't support 'expand()' or similar and the TextArea lacks the bottom corner drag point we see in many text editors.
I can't remove the FormLayout but am otherwise open to suggestions.
I am using RAD Studio 2010 on Windows 10. Is there any way to create a vertical toolbar for Delphi VCL projects? Something similar to what is shown in the attached picture (right side, top to bottom, on main window):
I need selectable items.This mean changing in back color in clicking or when mouse move over it
You can do this with a TListView. Assign your images to a TImageList, and assign that ImageList to the ListView.LargeImages property. Add an item for each image you want to display using the Items property (or right-click on the ListView and choose New Item from the context menu), assigning the proper caption and imageindex for each item. Make sure the ListView.ViewStyle is set to vsIcon, and the ListView.ItemOptions.AutoArrange is set to True.
Here's a sample of the result of a quick test app with a few random images I added - just a few 32x32 images in the Win10 style, courtesy of Icons8. It shows the highlighted Button 3 item as the mouse pointer is hovering over it.
The only drawback to using the TListView is that if the dialog is sized so that all items in the ListView aren't visible, the ListView will display a vertical scrollbar automatically. You'll want to make sure that you leave enough space for that scrollbar just in case, or restrict your window's MinHeight constraint to prevent it from being resized too small. On the other hand, if you want to display more than one item in each row, it's easily accomodated with the TListView - just widen the control to allow more items per row, and the AutoArrange property will take care of everything.
I have designed a Dashboard. This dashboard, I used mat-expansion-panel. When expanded the content are showing below as expected.
what I want to achieve is
When I click on the panel should come in focus and when we expand expansion panel it should display at the top of the page.
Also when we click on any div as if it is scrolled below that content should come on top of the page.
Please suggest how to achieve the following.
I have a simple storyboard with a text field. I want to add spacing constraints to this text field so that, when I rotate the device, the text field will auto stretch across the screen instead of stopping halfway.
I have looked at multiple tutorials and they all say to "Control-drag from the text field toward the top of the scene, ending in the empty space around the text field. This should reveal a pop-up menu from which you can edit the spacing constrains of the text field."
However, when I control-drag from the text field, I get this different pop-up menu:
This other pop-menu clearly does not allow me to do anything with spacing constraints. In fact, I can't click on it at all.
Furthermore, clicking "Editor > Resolve Auto Layout Issues" does not work, as the entire sub-menu is grayed out.
How can I correctly add a spacing constraint to this text field so that when I rotate the device the text field will correctly fill up the screen? Please try to refrain from answers that involve editing code, as I don't actually know any Objective-C and would like to make this effect in the storyboard.
NB - If it is at all helpful, I am following this tutorial. Albeit it is with Xcode 5, other tutorials on Xcode 6 suggest the same pop-up menu should exist.
You probably didn't activate auto-layout in the first place. Check the option in the right panel, under the File section:
It's a new behavior of IB
For example:
Now the contents of the menu depend on the edge of where you are trying to tie constraint:
or simple use tree from left of IB
Open the document outline to see the view hierarchy and try control dragging the text field to the View, it should show the options there. Your menu appears when you control drag onto the View Controller.
MS Word has such a feature:
Small rectangle is shown above vert scrollbar and is clickable.
I want to add such thumb above vertical scrollbar of my TMemo descendant, for example. How can I? I need to handle click on such thumb - show split screen (show 2nd memo).
Word constructs this form in a custom fashion - it separately adds the thumbs and the scrollbar to the window. To emulate this behaviour in VCL you would have to do the same - instead of instantiating a TMemo, make a custom control containing the memo, and a regular scroll bar, and use positioning to put a tiny button above the scrollbar with the same width.