Need Help on Migrating hobbit Tiga menu systm to YUI-EXT 2.0

Published by: cfz 2009-01-07

Destinations | Viral Marketing | Corporate | Resumes | Currency ::
Are there any user-adjustments that can be made to the braking system? . Hi Guys & Gels, I need some help! I enjoy photography particularly wildlife
http://fanhou.com/HOME

hobbit system monitoring tool (http://www.hswn.dk/hobbit/) currently using Tigra (http://www.softcomplex.com/products/tigra_menu/).

I am interested to migrate the menu system to use yui-ext 2.0. especially using docs.js
that render this site http://extjs.com/deploy/dev/docs. My goal is to have top-down menu changed to left right with a top panel for showing hobbit/site logos.

Here is my progress so far

http://c-71-201-149-145.hsd1.il.comcast.net/hobbit/docs/

I changed the welcome.html to bb.html(see R1) but found the bb.html got masked with white color.

Question: Where can I disable the white color masking ?

I played around and changed colors in docs.css but still can't find the place to make bb.html displayed without masking.

Thanks for your pointer

tj yang

R1: resources/docs.js

MainPanel = function(){

this.searchStore = new Ext.data.Store({
proxy: new Ext.data.ScriptTagProxy({
url: 'http://extjs.com/playpen/api.php'
}),
reader: new Ext.data.JsonReader({
root: 'data'
},
['cls', 'member', 'type', 'doc']

Ext JS Forums - Search Results::
Need Help on Migrating hobbit Tiga menu systm to YUI-EXT 2.0. Views: 335. Posted By tjyang · 1. Following is the code differences to generate.
http://extjs.com/forum/search.php?searchid=6209757HOME

),
baseParams: {},
listeners: {
'beforeload' : function(){
this.baseParams.qt = Ext.getCmp('search-type').getValue();
}
}
});

MainPanel.superclass.constructor.call(this, {
id:'doc-body',
region:'center',
margins:'0 5 5 0',
resizeTabs: true,
minTabWidth: 135,
tabWidth: 135,
plugins: new Ext.ux.TabCloseMenu(),
enableTabScroll: true,
activeTab: 0,

items: {
id:'welcome-panel',
title: 'Hobbit Home',
autoLoad: {url: '../bb.html', callback: this.initSearch, scope: this},
iconCls:'icon-docs',
autoScroll: true,
tbar: [
'Search: ', ' ',
new Ext.ux.SelectBox({
listClass:'x-combo-list-small',
width:90,
value:'Starts with',
id:'search-type',
store: new Ext.data.SimpleStore({
fields: ['text'],
expandData: true,
data : ['Starts with', 'Ends with', 'Any match']
}),
displayField: 'text'
}), ' ',
new Ext.app.SearchField({
width:240,
store: this.searchStore,
paramName: 'q'
})
]

Please repost your code in php/code tags. Also, "YUI-EXT" died with Ext 1.0's release.

Another OT comment (nothing against you) : WOW that Dashboard display (with the icons) is absolutely horrible. Have you ever tried to zenoss? It's phree :)

http://www.zenoss.com/

http://www.webaj.com/files/u1/zenoss-02.jpg

1. Following is the code differences to generate hobbit-ext dashboard. I copied docs.js to hobbit.js and docs.css to hobbit.css.

# diff docs.js hobbit.js
136c136
< title: 'API Home',
---
> title: 'Hobbit Home',
#
# diff docs.css hobbit.css
45c45
< color:white;
---
> color:red;
87c87
< background-color:white;
---
> background-color:yellow;
99a100
>
115a117
>
#

2. I will take another look at zenoss, last time I check it is mostly a SNMP manager(like OpenNMS). There is no client agent installed onto machines to collect the system metric information.

3. EXT 2.0 syntax is harder(for non javascripter). I spent lots of time to break up the one line code (look at current Docs.icon) after "Docs.classData =".

Hobbit With yui-ext 2.0 GUI