We are using toolbar items with text below. Especially for short texts, this looks quite odd, because the toolbar items are much narrower than high. Is there a way to tell SWT to increase the toolbar items widths, e.g., to a minimum size which is as wide as the buttons are high?
What do you mean text below? Is the text inside the items? Then they should behave in a .pack() manner. You can't really change the width of the items (only separators) but have you tried adding spaces or tabs to the text? And if there is an image you can just edit the images to be the width you want...
Related
I am using the Material UI Text Field component as a search bar in my app. On one of the pages, I have it in 2 spots, one on the outside of the page, and another inside my DevExtreme Data Grid.
See here
For whatever reason, this shrinks the search bar, despite it being the exact same component being used in 2 spots.
My question is, what causes MUI to shrink the height of their text input field so that I can fix it accordingly inside of my data grid?
I've tried adjusting line-height, padding, margin's, etc all inside the data grid, unfortunately to no avail. The only thing I've noticed is that deep in the inspector tool, the shrunken search bar has a height of 1.435em, and checking that off will cause the search bar to correct itself to the standard height.
Before i used on the ui test Font Size 150 and the scale 1,1,1 but now i want the text to be smaller so i changed the font size to 30. and in the bottom i changed Horizontal overflow to Wrap and the Vertical overflow to Truncate.
The text under each button circle looks blurry and i want to keep the small size but make it sharper.
This is a screenshot of the buttons and example text under each one with date and time.
You should use TextMeshPro, it is a free package from unity. Just go to packages and install it.
The text looks much better and you have many more options to make it look better. (Outlines, underlay, different case types like all uppercase, smallcaps, etc)
I am currently designing a report using iReport 4.7.0. At the moment I am trying to figure out how to dynamically adjust the height of a textField, if its contents is too big for the initial height. It seems, that the option Stretch on overflow achieves this. But I am having problems with that.
If a textField is not stretched, the spacing before and after the text is good, because its achieved by setting the textField height higher than the font size. But if the textField gets dynamically bigger because the containing text is to long to display with the initial height, the lines seem awfully packed, there is no spacing whatsoever.
I tried so resolve this by setting Spacing before and Spacing after for the specific textField but this seems to end in JasperReports thinking, that the textField doesn't need to re-size at all, even if the text is not fitting.
Is it possible, that the size created by the Spacing before and Spacing after option is taken into account on calculating, if a textField needs to be resized on overflow? Or am I doing something wrong here?
Use padding:
Right-click an element
Select Padding and Borders
-or-
Right-click an element
Select Show Properties
Click the Borders tab
Set padding values as required
This should provide a constant spacing even if box resizes. For complex layouts, experiment with float position of elements, as described here.
While testing our app with a new set of translations, I found that the translated text for some of the buttons are significantly wider than the english. The result is that the button text wraps to a 2nd line, which is either cut off by the button, or floating below on a 2nd line. It seems like I need to get the rendered width of the text in order to dynamically resize the buttons, assuming there's space in the layout for a wider button.
Is there a way to get the width of the rendered text of a button?
Unless you are using a monospace font for the buttons (why not do so, actually?), and render it using CSS en / em / ex units, you cant really predict the text width, only make an educated guess.
I want see the items of list box on scroll, On ZK site I found only way to do it is set height in Pixels or set the rows property to specific number of rows. but I want to set it according to the screen size is there any way to do so.
Try to use the BorderLayout to lay your components. Add your list to the center and it will display a scroll bar. Read about layouts (size, vflex etc.) first because they can be really tricky.
And read this also