It is currently Wed Sep 20, 2017 10:55 am

News News of UI Development & Deployment

Site map of UI Development & Deployment » Forum : UI Development & Deployment

For discussing development & deployment issues

Allow containers to take the height of content

xui.Class('App', 'xui.Module',{
Instance:{
iniComponents : function(){
// [[Code created by CrossUI RAD Studio
var host=this, children=, append=function(child){children.push(child.get(0));};

append(
xui.create("xui.UI.Div")
.setHost(host,"xui_ui_div13")
.setLeft("13.333333333333334em")
.setTop("0.8333333333333334em")
.setHeight("auto")
.setCustomStyle({
"KEY":{
"border-top":"solid 1px #000000",
"border-right":"solid 1px #000000",
"border-bottom":"solid 1px #000000",
"border-left":"solid 1px #000000"
}
})
);

append(
xui.create("xui.UI.Group")
.setHost(host,"xui_ui_group2")
.setLeft("25em")
.setTop("0.8333333333333334em")
.setWidth("15em")
.setHeight("auto")
.setCaption("Group")
.setToggleBtn(false)
);

append(
xui.create("xui.UI.Panel")
.setHost(host,"xui_ui_panel3")
.setDock("none")
.setLeft("41.666666666666664em")
.setTop("0.8333333333333334em")
.setWidth("13.333333333333334em")
.setHeight("auto")
.setCaption("Panel")
);

append(
xui.create("xui.UI.Block")
.setHost(host,"xui_ui_block2")
.setLeft("1.6666666666666667em")
.setTop("0.8333333333333334em")
.setHeight("auto")
);

append(
xui.create("xui.UI.Button")
.setHost(host,"xui_ui_button10")
.setLeft("27.5em")
.setTop("24.166666666666668em")
.setCaption("Add line")
.onClick("_xui_ui_button10_onclick") ...
Read more : Allow containers to take the height of content | Views : 88 | Replies : 0 | Forum : CrossUI Code Snaps


How to do adaptive layout according to the size of device

There are two ways to implement such adaptive layout.

1. Use 'position: relative'
xui.Class('App', 'xui.Module',{
Instance:{
iniComponents : function(){
// [[Code created by CrossUI RAD Studio
var host=this, children=, append=function(child){children.push(child.get(0));};

append(
xui.create("xui.UI.Dialog")
.setHost(host,"xui_ui_dialog3")
.setLeft("14.166666666666666em")
.setTop("4.166666666666667em")
.setWidth("29.166666666666668em")
.setHeight("27.5em")
.setCaption("Resize the dialog ....")
.setMinBtn(false)
.setMaxBtn(false)
);

host.xui_ui_dialog3.append(
xui.create("xui.UI.Block")
.setHost(host,"xui_ui_block2")
.setWidth("8em")
.setHeight("8em")
.setPosition("relative")
.setHtml("<div style=\"text-align: center;\">Block 1</div>")
);

host.xui_ui_dialog3.append(
xui.create("xui.UI.Block")
.setHost(host,"xui_ui_block3")
.setWidth("8em")
.setHeight("8em")
.setPosition("relative")
.setHtml("<div style=\"text-align: center;\">Block 2</div>")
);

host.xui_ui_dialog3.append(
xui.create("xui.UI.Block")
.setHost(host,"xui_ui_block4")
.setWidth("8em")
.setHeight("8em")
.setPosition("relative")
.setHtml("<div style=\"text-align: center;\">Block ...
Read more : How to do adaptive layout according to the size of device | Views : 81 | Replies : 0 | Forum : CrossUI Code Snaps


Send form data to CGI script

I have a server-side CGI script that receives form data from a client-side HTML form in order to upload a client-side file to the server. The server CGI code is infrastructure that I can't change, so suggestions to use a different mechanism aren't real useful. I would like to replace the client-side HTML code with CrossUI display elements and code. Is there an example or any guidance on how to do this?

Joe
Read more : Send form data to CGI script | Views : 457 | Replies : 19 | Forum : CrossUI for Web Apps


V2 status

What is the current status of version 2 and all the example and new start project pages.

Mine is not in a good state, the licence is accepted but still shows unregistered, retries state it is already registered. I have uninstalled and reinstalled, taken file from GIT but it is definitely confused. What is the best way to fix this.

Projects I have converted seem okay but are not right, getting errors.

Uncaught TypeError: o.__gc ...
Read more : V2 status | Views : 133 | Replies : 1 | Forum : CrossUI for Web Apps


Costom Cell's Editor Control

xui.Class('App', 'xui.Module',{
Instance:{
iniComponents : function(){
// [[Code created by CrossUI RAD Studio
var host=this, children=, append=function(child){children.push(child.get(0));};

append(
xui.create("xui.UI.Dialog")
.setHost(host,"xui_ui_dialog1")
.setLeft("2.5em")
.setTop("1.6666666666666667em")
.setWidth("35.833333333333336em")
.setHeight("20em")
.setCaption("Customize Cell's Editor")
.setMinBtn(false)
.setMaxBtn(false)
);

host.xui_ui_dialog1.append(
xui.create("xui.UI.Block")
.setHost(host,"xui_ui_block2")
.setDock("fill")
.setLeft("2.5em")
.setTop("2.5em")
.setBorderType("inset")
.setBackground("#FFFFFF")
);

host.xui_ui_block2.append(
xui.create("xui.UI.TreeGrid")
.setHost(host,"xui_ui_treegrid2")
.setLeft("0em")
.setTop("0em")
.setRowNumbered(true)
.setEditable(true)
.setRowHandler(false)
.setHeader()
.setRows([{
"cells":
},
{
"cells":
}])
.beforeIniEditor("_xui_ui_treegrid2_beforeinieditor")
);

append(
xui.create("xui.UI.List")
.setHost(host,"xui_ui_listeditor")
.setDirtyMark(false)
.setShowDirtyMark(false)
.setItems([{
"id":"item1",
"caption":"item1"
},
{ ...
Read more : Costom Cell's Editor Control | Views : 156 | Replies : 0 | Forum : CrossUI Code Snaps


draggable SVG rect and xui 2.0a

Why this code doesn't work with 2.0 ?
but it works with 1.4

It must set new left and top position of the SVG rectangle

// The default code is a module class (inherited from xui.Module)
// Ensure that all the value of "key/value pair" does not refer to external variables
xui.Class('App', 'xui.Module',{
Instance:{
// Dependency classes
Dependencies:,
// Required modules
Required:,

// To initialize properties
properties : {},

// To initialize instance(e.g. properties)
initialize ...
Read more : draggable SVG rect and xui 2.0a | Views : 293 | Replies : 2 | Forum : CrossUI for Web Apps


Make a container position draggable

How to make a Group (or possibly a panel) movable by the user by dragging?
Read more : Make a container position draggable | Views : 231 | Replies : 0 | Forum : CrossUI for Web Apps


Fusion Charts "onDataClick" Event

...doesn't fire.

The "onFusionChar"t event does work.

Ver 1.42LTS
Read more : Fusion Charts "onDataClick" Event | Views : 915 | Replies : 9 | Forum : CrossUI for Web Apps


ComboList Control

Assume an existing populated ComboList; Can you show examples of:

1) Add an item to the list
2) Remove an item from the list
3) Clear the list
Read more : ComboList Control | Views : 484 | Replies : 3 | Forum : CrossUI for Web Apps


Real code version

Can anyone write this out as normal code. I can't get the syntax right as it is a window in a window and refuses to accept "main"

xui.ComFactory.newCom("App.userPrefs",function(){ ????????????????

The code auto generated work a treat (shown below) I know I don't need the conditions part

"desc":"userprefs",
"type":"page",
"target":"App.userPrefs",
"params":,
"method":"show",
"conditions":[{
"left":"{args.id}",
"symbol":"=",
"right":"userprefs"

Thanks
Kevin
Read more : Real code version | Views : 350 | Replies : 1 | Forum : CrossUI for Web Apps


 

Login  •  Register


Statistics

Total posts 986 • Total topics 327 • Total members 35

cron