Extjs4, aligning a field right in an anchor layout - layout

I want to place my fields, in an anchor layout, in the right. When I add a field with anchor: '50%' in this layout, it will be displayed like this:
How can I place it in the right.

This anchor layout is not meant for this kind of layout. Use a column or table layout instead.
The only way you could come close to achieving what you want with the anchor layout is to use a pixel based offset, which doesn't make sense since you are using percentages for the width of the fields.

Related

Creating a custom layout for horizontal buttons with wrapping

I wasn't sure what to title this without explaining it all there. Essentially, I want to populate part of a screen with a bunch of buttons. The buttons should have text from an ArrayList (or other structure) and they should be aligned horizontally to each other from the left to the right of the screen. When there is no more room to the right, it starts a new row. I've attached an example. Example layout here
I know how to make custom list adapters for my objects and how to make listeners for parts within the list items, but I'm just not sure how to make the "list" of buttons go horizontally with wrapping to the next line.
It seems https://github.com/google/flexbox-layout might help you.
You can use FlexboxLayoutManager as adapter, or simply place all the buttons inside FlexboxLayout, they will wrap automatically depending on their width.

How to align the button horizontally and vertically in Document?

I want to align the button horizontally and vertically in Document, i now ho to align horizontally, but i can`t undestand how to align vertically?
In picture bellow, button align horizontal, but how align vertically, in option button i don`t find something about align vertically.
Vertical align is possible in tables only.
Create a table with one row and one column. Set wanted height as "Minimum height" and "Vertically align" to "Center". Content will be centered vertically this way.
I know, it is just a workaround, but it works. Of course, set "Cell Border Thickness" all to 0 so table border is invisible.
If those are 2 buttons, why don’t you just put a ‘return’ (CR) between them. The 2 buttons will be positioned one below the other.
If need be, you can size the buttons, so they have the same width via the properties.
There is no option to "fit to window" vertically in normaal Notes form and document display. It assumes an infinitely long document consisting of paragraphs.
There is, however, the option of displaying a document using the #DialogBox formula or the NotesUIWorkpace.DialogBox method. Both of those have an auto vertical fit argument that you can provide. This will likely require you to redesign your application a bit, but I think it's the only way to do what you want.

Wrap label text

Is it possible to text of the labels on a form column? We want to change the label for Customer Reference just on SO301000 which I can do with SetDisplayName, but even the standard label does not fit the current column width. I would like to make the label a little longer and it would look better wrapped.
One thought to wrap the text is to insert a line break HTML tag in the display name. The only issue with this I found is I had to add a hidden label field below the field I wanted to wrap because it caused a layout issue with the field below it.
PXUIFieldAttribute.SetDisplayName<Location.taxRegistrationID>(cache, "Tax <br/> Registration");

How to make a vaadin combobox overlay wider than container element?

I have a vaadin-combobox inside a slim grid cell/column, when I open the combobox the contents is restricted horizontally to the space in the cell and I can't see the values. Vertically it overlaps correctly. I have been searching for some CSS to make the overlay of values wider like you do with a normal HTML picklist but I couldn't find it.
Thanks for any pointers.

How to change height of List items in libgdx?

I use the libgdx widget List. As I understand it, the height of the list item corresponds to the size of the skin font. But I want to change the item height. The use of list.setScaleY() visually gave nothing.
Is it even possible?

Resources