Automatic Resize And Automatic Close of components

Hi,
we are using dhtmlx pro edition 3.0 in our product.
i have three problems with calendar and window.

  1. I have a layout with 2U pattern which is attached to a window. in cell a i have a tree nd in second cell i attached a form. I have two input items and one caledar item in my form. when i focused the calendar item calendar opened but the adjustment scroll bar not coming so that i am unable to see the total calendar.

calendar have only two position values right and bottom.if there is top value then i can see the calendar because it will be rendered top of the item.

What is the solution for this one.

and
2. And when i opened the calendar and without selecting the date if i close the window, window being closed but the opened calendar stay like that in the air :slight_smile:.

Actually when the window was closed the components like combo list and opened caledar should be closed right , but it is not working as expected.

3.And the last but not lease
If i have designed a form with 10 fields in it , some time later if i need to put a new item between 5th nd 6th one i have to do adjust all items attributes like inputTop and labelTop inorder to place this new item at correct place.

see this is toooo headake thing.

Can i have any other option to add a new item into the existing items in an easy manner?

Please provide your kind reply. :slight_smile:

Thanks,
Naresh Adla

Please find the attached image describes the calendar height not adjusted in the cell


Hi

please provide comlpeted demo including all corresponding js/css files (sources, not compiled dhtmlx.js), I will add fixes directly to your code.

point 3: seems like you’re using absolute positioning. try position:“label-left”, it do not required inputTop, just insert then extra item in corresponding order into formData

Hi Andrei,
Your answer for my point 3 is working good.
I need some more information on that,

If i need a form like
button 1 button 2
label1 input1
label2 input2
label3 input3

how can i do this?

I used newcolumn for separating those labels nd input items but i am unable to place those two buttons top-right of all items.

Thanks in advance,
Naresh adla

form structure :
-------------------button1 button2
label1-----------------------input1
label2-----------------------input2
label3-----------------------input3

Hi
Try the next approach:

[code]

Layout's Cell-Based Init html,body { height: 100%; margin: 0px; overflow: hidden; } .dhxform_obj_dhx_skyblue .dhxform_block { float: right }
[/code]

Thanks for your reply,

Basically i am loading my form using loadstruct.
And my xml is :

can u provide proper xml structure please:

I cant give label inside input type because label length is not static it will vary. so that i used type label as individual item.

Thanks.

If i use your code my out is like in below image.

There will be no proper alignment between labels and input items.

How can achieve equal width for labels and inputs if i use:
label as part of input like
{type:“input”, name: ‘inp1’, label:‘inp1adfdsaf’}

Thanks in advance,
Naresh Adla

Support team please respond.

Hi

please read carefully

Darya’s code:
{type: “settings”, labelWidth: 50, …

your code:
<item type=“settings” labelWidth=“auto”

Please note that this forum is free and questions here get lower priority. We are not obliged to answer your questions in the forum fast. If you need faster support, please purchase ticket support - you will be able to login to the online ticket system and get replies faster. But even in the support system we usually reply within 24 hours (except weekend and holidays).