How can i make the ui text text to be sharper? - unity3d

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)

Related

GTK ScrolledWindow max_content_width/height does not work with TextView

I'm creating a simple "sticky note" application using GTK3. I implement the notes by wrapping a TextView in ScrolledWindow. I put them in Layout, so they are free to grow. I set min/max_content_width/height to control note size: I want it to start with some minimum size, then grow up to some point as text is entered into TextView and then once max size is reached, I want scrollbars to appear.
Minimum size works as expected, however ScolledWindow never grows - as soon as entered text stops fitting the initial area scrollbars appear. I tried setting vexpand/hexpand on both ScrolledWindow and TextView, but it didn't help.
There is little documentation on this, but as I understand it, max_content_width/height should do exactly what I need: expand ScrolledWindow up to some size, then show scrollbars. Is it some bug or am I missing something?
I'm using Rust, GTK 3.24.24 on Linux.
Without trying this, I think it should work to get the actual size of the Textview and setting it to the width request / height request of the ScrolledWindow, unless it is more than your max size. Probably by connecting to the TextView size changed signal.
To tell you the truth, I am not sure what max_content_width/height does in practical life.

CodeMirror: auto-resize horizontally, without scrollbar

I need a CodeMirror editor which starts with a certain width and then grows automatically to the right to match the maximum line length. I.e. roughly what CodeMirror does when height is set to auto, but with width.
Here's a self-contained example. The editor grows automatically along the y-axis fine, but not along the x-axis. By tweaking the CSS, I can either have a fixed width editor with a scrollbar, or one which fills the entire width of the browser, but not one which grows as you type. I assume overflow-x is relevant, but I don't understand how it interacts with other CSS size properties set on parent elements. I also tried setting that property on CodeMirror-scroll, but it didn't help.
I believe this can be done using CSS properties alone. In fact I have this behaviour in my application already, but growing to the left, rather than the right, but I don't understand why it happens, or how to reproduce it in a small example.
This question is essentially the same, but for the vertical scrollbar.
Simply add float:left to the CodeMirror div.
<div id="here" style="float:left"></div>
This is not something CodeMirror supports. You may be able to get something working by setting .CodeMirror's width to (-webkit-)fit-content, but there will likely be corner cases where this breaks the scrollbars or cursor placement.

Textfield Spacing with "Stretch on Overflow" buggy?

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.

SWT: widths of toolbar items

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...

Impossible custom layout in gwt?

I want to create a custom panel/layout and it's seeming pretty impossible at this point. I need the components to start in the upper left corner and stack downward until they fill the panel vertically, then wrap to the top of the next column and so on until they eventually fill the screen and create a horizontal scrollbar. After an entire day of trying I've decided it's only possible by abusing GWT (and I assume the whole web browser) adding crippling complexity and terrible performance. Please let me know if I'm missing something and layout like this is possible. Thank you!
Lame solution: Have a small (almost invisible) AbsolutePanel where every string is displayed within a div and measured (getClientWidth/height()). Then each panel can calculate it's size based on the strinsg, borders, padding, etc. it contains. Once each panel knows it's size, they can be layed out relative to the sizes of the other panels in the contianer.
Check out FlexTable, which allows you to specify the row,column for the widget to be added