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 || 705 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 || 557 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 || 547 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 || 852 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 || 906 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 || 1405 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 || 1954 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 || 1594 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 || 1979 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 || 1219 Views
Post by support