It is currently Wed Sep 19, 2018 6:37 pm

News News of Develop Once, Deploy Anywhere!

Site map of Develop Once, Deploy Anywhere! » Forum : Develop Once, Deploy Anywhere!

Enables developers to rapidly develop and package the the exactly same code and UI into Web, Native Desktop and Mobile Apps.

Basic - Calling JS Functions

Objectives: to learn hwo to use simple javascript function in CrossUI




Download the source code

Online demo
Read more : Basic - Calling JS Functions | Views : 704 | Replies : 0 | Forum : Tutorials


Intermediate - Excel-like Formula

Objectives: to learn how to do simple automatic calculation in CrossUI



Download the source code

Online demo
Read more : Intermediate - Excel-like Formula | Views : 556 | Replies : 0 | Forum : Tutorials


Basic - Hello World

Objectives: to learn how to create a 'Hello World' page.



Download the source code

Online demo
Read more : Basic - Hello World | Views : 546 | Replies : 0 | Forum : Tutorials


nw_elf.dll missing

Running CrossUI SPA Builder 1.42 LTS.

Tried (for the first time) to build a desktop version of my web app for Windows 32 and Windows 64. It runs fine on my development machine, however it won't load on any other machine, with error that nw_elf.dll is missing.

Joe
Read more : nw_elf.dll missing | Views : 851 | Replies : 1 | Forum : CrossUI for Desktop Apps


how to implement a simple function which adds two values

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.SVGPaper")
.setHost(host,"xui_ui_svgpaper1")
.setLeft("15.833333333333334em")
.setTop("5em")
.setWidth("48.666666666666664em")
.setHeight("18.333333333333332em")
.setZIndex(0)
);

host.xui_ui_svgpaper1.append(
xui.create("xui.svg.path")
.setHost(host,"xui_svg_path3")
.setSvgTag("Arrow:7")
.setAttr({
"path":"M,528,78L,527,181L,331,182L,329.9200279347008,166.55997650455294L,259.84006495363445,183.3599778102984L,329.9200279347008,200.15998716973706L,329.9200279347008,191.75998249001776L,540.1599732576195,191.75998249001776L,541,79Z",
"stroke":"#004A7F",
"fill":"#ffffff",
"stroke-width":2
})
);

append(
xui.create("xui.UI.ComboInput")
.setHost(host,"i_A1")
.setDirtyMark(false)
.setLeft("11.666666666666666em")
.setTop("5.833333333333333em")
.setWidth("25em")
.setLabelSize("18em")
.setLabelCaption("Set excelCellId to 'A1'")
.setType("number")
.setExcelCellId("A1")
.setPrecision(0)
.setValue(1)
);

append(
xui.create("xui.UI.ComboInput")
.setHost(host,"i_A2")
.setDirtyMark(false)
.setLeft("11.666666666666666em")
.setTop("9.166666666666666em")
.setWidth("25em")
.setLabelSize("18em")
.setLabelCaption("Set excelCellId to 'A1'")
.setType("number")
.setExcelCellId("A2")
.setPrecision(0)
.setValue(2)
);

append(
xui.create("xui.UI.ComboInput")
.setHost(host,"i_A3")
.setReadonly(true) ...
Read more : how to implement a simple function which adds two values | Views : 905 | Replies : 0 | Forum : CrossUI for Web Apps


CrossUI Email Address Broken

Your email address is no longer working. Emails are being bounced back. Please correct.
Read more : CrossUI Email Address Broken | Views : 1404 | Replies : 1 | Forum : Bug Report


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 : 1953 | Replies : 1 | Forum : CrossUI for Web Apps


Advanced - A whole CRUD demo Advanced - A whole CRUD demo

The "CRUD" is a demo to show how the CrossUI to handle CRUD(create, read, update, delete) interactions with the back-end ( database ), no code required.



Download the source code

Online demo
Read more : Advanced - A whole CRUD demo | Views : 1593 | Replies : 0 | Forum : Tutorials


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 : 1978 | 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 : 1218 | Replies : 0 | Forum : CrossUI Code Snaps


 

Login  •  Register


Statistics

Total posts 998 • Total topics 335 • Total members 38

cron