Can not start a project

[josefkoller]

Hi,

at the moment I test your VisualJS Builder. It looks very good (simple and easy to use).

to understand the behavior of this app I tested a little bit and have problems like this:

In the advanced builder is no button to change the theme in in design mode. I found only a function for the canvas. Is there a possiblity to change the theme and get it in design mode?

Than:

I have on the left the structure of my project. There is a empty folder img. I copied some pictures in this folder. After them I can not start my project again.

What's wrong?

Thanks.

Josef

[linb]

1. Changing themes function in the simple version is for  primary users. When you select a theme, the builder UI and the App UI will be forced to use that theme. We'll add this 'changing theme' function to the advanced builder later. But to change the App theme, you have to write code: linb.UI.setTheme("default/vista/aqua").

2. Currently, the builder load all files at once, it cant handle too much files or some special file name. So, I suggest you change your image folder to "_image", builder will not read those folder start with '_'.

[josefkoller]

Thank's linb.

I will do that.

Another question:

I would like to change fonts in some components. For example the font-size in the submenus. I think they are to big. Is it possible.? I tested it in     "KEY" : "font:15px,arial, san-serif;"

with several inputs like this, but nothing will be change:

    "KEY" : "font:15px,arial, san-serif;margin-top:5px;padding-top:5px;"

Is there any possibility to change styles of components?

And another oddity. I cann't start the builder on my localhost in firefox 3.5.7. I get the following error's in firebug:

linb.Com is undefined
linb.Com.load('VisualJS', function(){                            visualjs.js (Zeile 1)

first I thougt it's my server (xampp->appache). so I deleted the hole installation and installed it new. But no effect. In IExplorer it works.
 
Any idea what's wrong?

Thanks again

Josef

[linb]

1. to change styles, you can use template key and css text in setCustomClass( or setCustomeStyle).
    to get the currect template key, you can use firebug to look the target node's dom id. If the dom id is "linb.UI.PopMenu-ITEM:b:a", that means the template key is "ITEM".

2. My firefox is 3.5.7 too, and it works well. per your message("linb.Com is undefined"), maybe the lib js file was not loaded, just check the file path or something.

[josefkoller]

Thanks for your patience.

Firbird:
..hmmh..
I can start your builder in IE without changing anything on the pathes with: localhost/sigma21/VisualJS/ProjMan.html.
So I think the path to your js-files is ok. (I cann't test my project because firebird doesn't work for me).
I have the same problem if I build a zip-file from my project and let it run on my localhost. In IE my project works, in firebird not.
Think it is any option declaration in my firebird constellation, but witch !!!

My problem to set the correct custumstyle. Here my code:

.....
                host.block1.append((new linb.UI.MenuBar)
                .host(host,"mainmenu")
                .setItems([{"id":"id_anw", "caption":"Anwendungen", "sub":[{"id":"standbuch", "caption":"Standbuch", "image":"img/standbuch_16.png"}, {"id":"zuchtbuch", "caption":"Zuchtbuch", "image":"img/zuchtbuch_16.png"}, {"id":"zuchtkalender", "caption":"Zuchtkalender", "image":"img/zuchtkalender_16.png"}, {"id":"trachtkalender", "caption":"Trachtkalender", "image":"img/trachtkalender_16.png"}, {"type":"split"}, {"id":"faktura", "caption":"Faktura", "image":"img/faktura_16.png"}, {"id":"kasse", "caption":"Kasse", "image":"img/kasse_16.png"}, {"id":"lager", "caption":"Lager", "image":"img/lager_16.png"}, {"id":"kalkulation", "caption":"Kalkulation", "image":"img/kalkulation_16.png"}, {"type":"split"}, {"id":"notizen", "caption":"Notizen", "image":"img/notizen_16.png"}, {"id":"termine", "caption":"Termine", "image":"img/termine_16.png"}, {"id":"fahrtenbuch", "caption":"Fahrtenbuch", "image":"img/fahrtenbuch_16.png"}, {"id":"wetterstation", "caption":"Wetterstation", "image":"img/wetterstation_16.png"}]}, {"id":"id_ein", "caption":"Einstellungen", "sub":[{"id":"grundeinstellungen", "caption":"Grundeinstellungen", "image":"img/grundeinstellungen_16.png"}, {"type":"split"}, {"id":"sprachauswahl", "caption":"Sprachauswahl", "image":"img/spracheinstellung_16.png"}]}, {"id":"id_sys", "caption":"System", "sub":[{"id":"datenbank_speichern", "caption":"Datenbank speichern", "image":"img/database_save_16.png"}, {"id":"datenbank_wiederherstellen", "caption":"Datenbank wiederherstellen", "image":"img/database_restore_16.png"}]}])
                .setVisibility("visible")
                .setDisplay("block")
                .setCustomStyle({"KEY":"color:white; font-weight:bold;"}) //<--- what here??
                .onMenuSelected("_mainmenu_onmenuselected")
            );
...

You wrote:
If the dom id is "linb.UI.PopMenu-ITEM:b:a", that means the template key is "ITEM".

Can you correct my .setCustomStyle line???

I would like to get another font-size in  top menu items and all the submenu items

I'm a little bit stupid in understanding the correct syntax.

My ID for the menu is: linb.UI.MenuBar:b:

And by the way: Is it possible to set a smaller font-size for the hole project or switch to another font?

Thanks again for your patiience.

Josef

[linb]

.setCustomStyle({"ITEM":"color:white; font-weight:bold;"})

>> Is it possible to set a smaller font-size for the hole project or switch to another font?
You can find out and replace all 'font-size:12px' in lib js file.

by the way, it's firebug in firefox, not firebird.

[josefkoller]

Thanks for your the tips.

Before I changed the font-size to 10px I tested your "ITEM" sample. Nothing. I allway got the default style. And I'm shure I tested this option before post this way. The same result: nothing was changed.

But now I have my smaller font-size and it is ok.

Firebird, Firefox, Firebug ... lot of fires. Excuse my confiusion.

Now the next problem:

host.div12.append((new linb.UI.Image)
                .host(host,"image1")
                .setLeft(7)
                .setTop(
                .setWidth(16)
                .setHeight(16)
                .setSrc("bilder/auswerten.png")
            );


I have this picture in the div container. In design view I see the picture. After running my project I get only a empty picture sign.

Is it possible that the debugger ignore the image?

The other pictures for example in the menu are available in design- and execute view.

Thanks again

Josef

[linb]

The only possible problem is the image's path.