I am trying to align two input-texts in both sides, meaning i want the label part to be aligned in the left side and the value part to be aligned in the right side. I do not want to use the alignment with thE form panel layout beacuase it doesnt do what i want. For the time being i dont want to use css also. Any clues?
Check this page the Sixth one from the top, the label-cell should make everything the way you like.
PS: you will have to use skinning which basically uses CSS!
Related
I'm using Draggabilly and Packery to build a optimized draggable layout as shown in this Codepen: https://codepen.io/rafaF/pen/MWjvjqO
I have some doubts about how to use Packery/Draggabily.
The first one is how to convert en element "no-draggable", i.e., avoid to be dragged. I've achieved this by no initializing its Draggabilly instance, but I would like also to not be sorted when dragging others elements.
In the other hand, I have not been able to set a fixed height on my Packery layout in order to limit how many elements fits in a column. My idea is that if you move an element to a column that has no free space, the most bottom element should be moved to the other column. I have not found any way to do this.
There is enabled and disable switch in Draggabilly instance that you create. So just disable it if you do not need it.
The second part has to be manually solved becuase the Packery and draggabily would try to adjust in the same layout giving you best possible fit. If you want to limit the height then you have to set and run the ShiftLayout() on pakery. Ideally I would leave it to packery to determine the best layout.
Horizonal splitting is simple.
Is it possible to split vertically? Have wide screen so right hand side is empty anyways.
Edit: I would want to see basically a view of the SAME module on the left, and on the right side of the screen. I know I can put multiple windows next to each other about different modules.
A workaround could be to split the code into multiple modules and change variable scope, but I hope there is a simpler way.
Appears when a new window is inserted.
Think the only workaround is to:
insert an additional module
copy over your code there
arrange these 2 modules vertically, and use e.g. the right-hand side only for viewing, while modifying the left-hand one, to stay consistent.
How to align Label and Textbox on same line in Angular Formly? By default the Label is placed above an Input. How to align it in-line with the input?
Are you using bootstrap templates ? If yes is this what you are looking for?
If you are not using bootstrap templates then you can find the example there on how its done and make your own.
REMEMBER: Even though sometimes there is space to put the label on the left of the input (so it's on the same line) there are cases where it HAS to be above the input so that it will fit on screen (be responsive) and give a good user experience.
In know that it is late. But i can add something that works for me
Your type must be inline not just input or stacked-input:
type: 'inline-input'
So, when I have some items with html content in it, and the fx = scroll, direction = left, the first item scrolls left, the container remains empty, then quickly the second item appears.
If I use images only, one image is one scrollable item, the items follow each other smoothly, so when the first item moves left, right after the second item also comes in from the right side.
Any idea what should I set, to make the plugin work properly?
My guess is its something with the width settings of an item, but I tried several settings, no one was good.
Thank you
Maybe your item is to big for the container? or someting with position absolute/relative? Coudl you show me some of your code (and images/div sizes?)
I found the solution (in stackoverflow). I have to use float:left on the div elements I want to scroll. Now they follow nicely each other.
#subdesign,
As nicely quoted by #RunningFusion may your item be too big for the container.
Try width: "100%" instead of specifying the width in px.
What is the difference between com.sun.lwuit.Form.show() and com.sun.lwuit.Form.showBack()? I think both are displays the form. I think both are same.
If you choose form.Show() the form will slide in from the right side of the display and move to the left (By default.)
If you choose form.showBack()the form will slide in from the LEFT side of the display and move to the RIGHT(By default.)
You can reverse the direction of transition too.
Here and here you can see the difference. showBack is also showing the form, but it reverses the direction of the transition.
In my personal use I use Form.show() to show new Form and the Form.showback() is used to show previous shown form with data filled by user as cache.