Develop Once, Deploy Anywhere!

Tutorials

Basic - Calling JS Functions

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




Download the source code

Online demo

more ...


Statistics : 1 Post || 896 Views
Post by support

Tutorials

Intermediate - Excel-like Formula

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



Download the source code

Online demo

more ...


Statistics : 1 Post || 720 Views
Post by support

Tutorials

Basic - Hello World

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



Download the source code

Online demo

more ...


Statistics : 1 Post || 704 Views
Post by support

CrossUI for Desktop Apps

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

more ...


Statistics : 2 Post || 1061 Views
Post by joedarock

CrossUI for Web 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") ...

more ...


Statistics : 1 Post || 1091 Views
Post by support

Bug Report

CrossUI Email Address Broken

Your email address is no longer working. Emails are being bounced back. Please correct.

more ...


Statistics : 2 Post || 1666 Views
Post by Martin

CrossUI for Web Apps

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

more ...


Statistics : 2 Post || 2255 Views
Post by kevinotton

Tutorials

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

more ...


Statistics : 1 Post || 1755 Views
Post by support

CrossUI Code Snaps

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") ...

more ...


Statistics : 1 Post || 2348 Views
Post by support

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 ...

more ...


Statistics : 1 Post || 1524 Views
Post by support