xui.UI.Tabs and xui.UI.Image

Develop and Deploy Cross-Browser Web Apps .
Post Reply
yogesh
Posts: 8
Joined: Thu May 08, 2014 7:14 am

xui.UI.Tabs and xui.UI.Image

Post by yogesh »

Hi,

This is my first post in this forum.

I've started using CrossUI RAD tool (version 1.21) from last week and I came across few issues and request your answers to solve them.

1) I'm Unable to see the UI in browsers (Firefox and Chrome) when the application is built without 'Vista' appearance. I've enabled only the 'default' appearance. How to get the User Interface in browser with 'default' appearance setting?

2) File names with character (hyphen) - is not allowed to create. Also, it throws strange error as '2-9 characters only'.
Example: wan-a.html is a valid file name. Why the error occurs with hyphen character? Also, the error message is not clear as the filename contains only 5 characters. Also, why the tool is preventing file names beyond 9 characters in length?

3) I am working with the xui.UI.Tabs control and I could not able to reference the html file with ajaxAutoLoad attribute. The relative path file reference is not working. The browser is returning "Error: XMLHTTP returns--404" always for the tabs referencing relative path of the html file. Why does this happen?

4) Please provide code snap for xui.UI.Image control. How to open a file upon clicking an image? I could not able to find example for this.

5) Search this forum functionality on top of the forum's (in CrossUI Code Snap) web page is also not working.
I tried to search xui.UI.Image and it returns error like the below:
The following words in your search query were ignored because they are too common words: image xui ui.
You must specify at least one word to search for. Each word must consist of at least 3 characters and must not contain more than 14 characters excluding wildcards.

The same issue occurs with search like xui.UI.Group, xui.UI.Tabs, etc.

Please clarify why the search is not working for these strings though there are some threads exist for the above. If I know the search criteria, then it will help me to search and find references to the other items that I wish.

Thanks,
Yogesh

support
Posts: 356
Joined: Sat Apr 27, 2013 9:22 am

Re: xui.UI.Tabs and xui.UI.Image

Post by support »

>>>> 1) I'm Unable to see the UI in browsers (Firefox and Chrome) when the application is built without 'Vista' appearance. I've enabled only the 'default' appearance. How to get the User Interface in browser with 'default' appearance setting?

Modify index.html/debug.html
xui.launch('App', function(){xui('loading').remove();},'','vista'); to xui.launch('App', function(){xui('loading').remove();});

Andd you can remove the above vista.css link if you want to use default theme.

>>>> 2) File names with character (hyphen) - is not allowed to create. Also, it throws strange error as '2-9 characters only'.
>>>> Example: wan-a.html is a valid file name. Why the error occurs with hyphen character? Also, the error message is not clear as the filename contains only 5 characters. Also, why the tool is preventing file names beyond 9 characters in length?


We'll enhance that function in the next version. We'll release 1.22 in 7 days.

>>>> 3) I am working with the xui.UI.Tabs control and I could not able to reference the html file with ajaxAutoLoad attribute. The relative path file reference is not working. The browser is returning "Error: XMLHTTP returns--404" always for the tabs referencing relative path of the html file. Why does this happen?

We have finished this function already, you will find it in the next version (But you need to use the special {/} to represent the current path).

>>>> 4) Please provide code snap for xui.UI.Image control. How to open a file upon clicking an image? I could not able to find example for this.

You can use it's 'onclick' event.

>>>> 5) Search this forum functionality on top of the forum's (in CrossUI Code Snap) web page is also not working.
>>>> I tried to search xui.UI.Image and it returns error like the below:
>>>> The following words in your search query were ignored because they are too common words: image xui ui.
>>>> You must specify at least one word to search for. Each word must consist of at least 3 characters and must not contain more than 14 characters excluding wildcards.


That's the forum's setting, we will consider to modify it.

yogesh
Posts: 8
Joined: Thu May 08, 2014 7:14 am

Re: xui.UI.Tabs and xui.UI.Image

Post by yogesh »

Thanks for the reply.
Can I get an email alert when my post is answered by someone?

linb
Site Admin
Posts: 102
Joined: Thu Apr 25, 2013 6:51 am

Re: xui.UI.Tabs and xui.UI.Image

Post by linb »

You can set "Notify me when a reply is posted" in your profile.

support
Posts: 356
Joined: Sat Apr 27, 2013 9:22 am

Re: xui.UI.Tabs and xui.UI.Image

Post by support »

It works for everyone now.

yogesh
Posts: 8
Joined: Thu May 08, 2014 7:14 am

Re: xui.UI.Tabs and xui.UI.Image

Post by yogesh »

>>>> 4) Please provide code snap for xui.UI.Image control. How to open a file upon clicking an image? I could not able to find example for this.

You can use it's 'onclick' event.

Can you please post sample code to open a file using onclick event of an image or button or hyperlink? I've searched all the examples as well as in the forum, but could not able to find it.

support
Posts: 356
Joined: Sat Apr 27, 2013 9:22 am

Re: xui.UI.Tabs and xui.UI.Image

Post by support »

   
Class('App', 'xui.Com',{
    Instance:{
        iniComponents : function(){
            // [[Code created by CrossUI RAD Tools
            var host=this, children=[], append=function(child){children.push(child.get(0));};
            
            append((new xui.UI.Image())
            .setHost(host,"ctl_image3")
            .setLeft(30)
            .setTop(20)
            .setSrc("http://www.crossui.com/img/logo32.png")
            .setCursor("pointer")
            .onClick("_ctl_image3_onclick")
            );
            
            append((new xui.UI.Image())
            .setHost(host,"ctl_image18")
            .setLeft(30)
            .setTop(60)
            .setSrc("http://www.crossui.com/img/logo32.png")
            .setCursor("pointer")
            .onClick("_ctl_image18_onclick")
            );
            
            return children;
            // ]]Code created by CrossUI RAD Tools
        },
        _ctl_image3_onclick:function (profile, e, src){
            xui.Dom.submit("http://www.crossui.com");
        },
        _ctl_image18_onclick:function (profile, e, src){
            window.open("http://www.crossui.com", "_blank");
        }
    }
});
Class('App', 'xui.Com',{
    Instance:{
        iniComponents : function(){
            // [[Code created by CrossUI RAD Tools
            var host=this, children=[], append=function(child){children.push(child.get(0));};
            
            append((new xui.UI.Image())
            .setHost(host,"ctl_image3")
            .setLeft(30)
            .setTop(20)
            .setSrc("http://www.crossui.com/img/logo32.png")
            .setCursor("pointer")
            .onClick("_ctl_image3_onclick")
            );
            
            append((new xui.UI.Image())
            .setHost(host,"ctl_image18")
            .setLeft(30)
            .setTop(60)
            .setSrc("http://www.crossui.com/img/logo32.png")
            .setCursor("pointer")
            .onClick("_ctl_image18_onclick")
            );
            
            return children;
            // ]]Code created by CrossUI RAD Tools
        },
        _ctl_image3_onclick:function (profile, e, src){
            xui.Dom.submit("http://www.crossui.com");
        },
        _ctl_image18_onclick:function (profile, e, src){
            window.open("http://www.crossui.com", "_blank");
        }
    }
});
   

yogesh
Posts: 8
Joined: Thu May 08, 2014 7:14 am

Re: xui.UI.Tabs and xui.UI.Image

Post by yogesh »

Works great. Thanks.

Post Reply