It is currently Sat Sep 23, 2017 7:36 am

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.

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 : 95 | 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 : 83 | Replies : 0 | Forum : CrossUI Code Snaps


Advanced Folding Tabs Control Loses Component Alias Names

Hi,

I have a very large 1.4.2 SPA and I consistently have bugs with the Advanced Folding Tabs Control. If I add new Tabs, resize, or rename existing Tabs, it resets all of the components on all of the Tabs back to generic component default names. For example: xui_ui_checkbox1523. This specific control has a few hundred controls and renaming them back is both tedious and prone to error. Is this a known bug? Is it ...
Read more : Advanced Folding Tabs Control Loses Component Alias Names | Views : 87 | Replies : 0 | Forum : Bug Report


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 : 490 | 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 : 142 | 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 : 159 | 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 : 299 | 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 : 234 | 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 : 924 | Replies : 9 | Forum : CrossUI for Web Apps


Search all files

In a large project, it's convenient to break it up into a number of files. One of the problems this causes is when using the Search/Replace function....it only searches the currently open file. It would be nice to have a Search/Replace option to search all files in the project.

Joe
Read more : Search all files | Views : 429 | Replies : 1 | Forum : Functional Requirement


 

Login  •  Register


Statistics

Total posts 986 • Total topics 327 • Total members 35

cron