It is currently Wed Nov 22, 2017 2:00 am

News News of UI Development & Deployment

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

For discussing development & deployment issues

2.1 Build

Took the upgrade, get xuiconf.js missing error on opening file.

xuiconf.js is already there as it is an existing new project.

Does not seem to have any impact when running the output or editing the project
Read more : 2.1 Build | Views : 587 | Replies : 1 | Forum : CrossUI for Web Apps


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 : 650 | 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 : 406 | 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 : 2299 | 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 : 537 | 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 : 558 | 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 : 706 | 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 : 666 | 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 : 1616 | 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 : 1010 | Replies : 3 | Forum : CrossUI for Web Apps


 

Login  •  Register


Statistics

Total posts 992 • Total topics 330 • Total members 35

cron