Strange behaviour in RC

Discontinued products DHTMLX Touch
#1

Hello,
with the new RC I find the positioning system very strange …

[code]dhx.ui( {
id:“newFilesWin”,
view:“window”,
width: 800,
height: 600,
position: “center”,
head:{
view:“toolbar”, type:“SubBar”,
elements:[
{ view:“button”, label:“Fenster schließen”, click:“close_modal”, inputWidth:200, align:“right” }
]
},
modal:true,
body: {
type:“wide”,
id:“searchLayout”,
cols:
[
{
rows:
[
{
view: “form”,
id: “searchForm”,
elements: [
{view:“text”, label:“Suchen”, labelPosition:“right”, inputWidth:200, width:300},
{view:“combo”, id: “search_in”, label: “Suchen in:”, value:“all”, yCount:“3”,
data:[
{id:“all”, value:“Allen Feldern”},
{id:“shorttext”, value:“Kurztext”},
{id:“description”, value:“Beschreibung”},
{id:“origfilename”, value:“Dateiname”},
{id:“filetype”, value:“Dateityp”},
{id:“resolution”, value:“Auflösung”},
{id:“colorspace”, value:“Farbraum”},
{id:“uid”, value:“ID”}
]
}

					]
					
				}
			]
		},
		{
			view: "label",
			label: "Bitte warten ..."
		}
	]
}

});[/code]

This code give me the following result:

  • The window should be a 800x600 Pixel window
  • The first element in the form, “text” should have the label on the right side
  • The second element in the form, doesn’t appear

Any idea?

Best regards
Horst

#2

Hello,

the above statement isn’t correct :frowning:

  • The first element dosnt’t appear, the second appears!

Clicking on the combo, the list appears like that:

Regards
Horst

#3

Hello,

by default, each input has 42px height. For this reason, “label” view requests 42px and window is adjuested to this height. Form has flexible height. Therefore, you may use one of the following approaches instead of {view: “label”,label: “Bitte warten …”}:

{ view: "label", height:"auto", label: "Bitte warten ..." }
or

{ view: "form", elements:[ { view: "label", height:"auto" }] }