Search Bar

[JuanPalomo]

Hi guys,

After i update the two files for the categorized views now my search bar in the views is cutting half. Somebody know why?

Please see the picture.

Thanks in advance

[jratcliff]

Hmm, well, this is supposed to be fixed in those two files. When you resize the window does it fix itself then?

[jratcliff]

Looks like you are using IE. What version? And what's your code look like that builds the DominoUI? Also, is your code on a page or a form?

[fangstern]

try Ext.panel.syncSize() on GridPanel

[fangstern]

i had the same issue and resolved it with following code below

ui.viewContainer.syncSize();
ui.viewport.doLayout();

[JuanPalomo]

Looks like you are using IE. What version? And what's your code look like that builds the DominoUI? Also, is your code on a page or a form?

Hi Jack,

I use bot IE 6,7.
My code is in a page.

The code that the page builds is:



Ext.nd.DominoUI.prototype = {
init: function() {

// create the UI
// creates outlinePanel, viewPanel, statusPanel
this.createDominoUI();

// if we have a viewName or a viewUrl we can create the view
if (this.uiView.viewName != '' || this.uiView.viewUrl != '') {
this.uiView = new Ext.nd.UIView(Ext.apply({
viewport: this.viewport,
tabPanel: this.tabPanel,
container: this.viewContainer,
statusPanel : this.statusPanel,
showActionBar: true
}, this.uiView));


}

// if we have a outlineName or a outlineUrl we can create the outline
if (this.uiOutline.outlineName != '' || this.uiOutline.outlineUrl != '') {
this.uiOutline = new Ext.nd.UIOutline(Ext.apply({
container: this.outlinePanel,
viewport: this.viewport,
outlinePanel: this.outlinePanel,
tabPanel : this.tabPanel,
uiView : this.uiView,
statusPanel: this.statusPanel
},this.uiOutline));
}
},

// Private
createDominoUI: function() {
this.viewport = new Ext.Viewport({
layout: 'border',
id: 'extnd-viewport',
items:[{

xtype: 'panel',
layout: 'fit',
region: 'west',
collapsed : false,
collapsible: true,
autoScroll: true, //Scroll automatico para el panel derecho
id: 'xnd-outline-panel',
title: 'Menu Principal',
split: true,
width: 150


},{

xtype: 'panel',
layout: 'fit',
region: 'north',
collapsible: false,
autoLoad: {url: 'P90?OpenPage'},
id: 'xnd-north-panel',
split: false,
resizable:false
// width: ( '%' == 'px' ? 100 : "100%" ),
// height: ( 'px' == 'px' ? 25 : "25px" )

/*

},{

xtype: 'panel',
layout: 'fit',
region: 'east',
collapsed : true, //Indicamos que el panel al iniciar se oculte
collapsible: true,
autoLoad: {url: 'P91?Openpage'},
autoScroll: true, //Scroll automatico para el panel derecho
id: 'xnd-east-panel',
title: 'Enlaces de Interes',
split: true,
width: 400


},{

xtype: 'panel',
layout: 'fit',
region: 'south',
collapsed : true,
collapsible: false,
autoLoad: {url: 'P90?OpenPage'},
id: 'xnd-south-panel',
split: false,
resizable:false
*/

},{

xtype: 'tabpanel',
region:'center',
id: 'xnd-center-panel',
enableTabScroll: true,
activeTab:0,
items: [{
id: 'xnd-grid-panel',
layout: 'fit'
}]
}]
});


this.outlinePanel = Ext.getCmp('xnd-outline-panel');


this.viewContainer = Ext.getCmp('xnd-grid-panel');
this.tabPanel = Ext.getCmp('xnd-north-panel');
//this.tabPanel = Ext.getCmp('xnd-east-panel');
//this.tabPanel = Ext.getCmp('xnd-south-panel');
this.tabPanel = Ext.getCmp('xnd-center-panel');
this.tabPanel.on('beforeremove',this.fixIFrame,this);

},


// This is a hack to fix the memory issues that occur when opening and closing stuff within iFrames
fixIFrame: function(container, panel) {
var iFrame = panel.getEl().dom;
if(iFrame.src) {
iFrame.src = "javascript:false";
}
Ext.removeNode(iFrame);
},

showError: function() {
alert("Ha ocurrido un error");
}
};
// -->


Thanks in advance

[JuanPalomo]

i had the same issue and resolved it with following code below

ui.viewContainer.syncSize();
ui.viewport.doLayout();



Hi fangstern,

Sorry about my stupid question but...where can i put your code in my code:



Ext.nd.DominoUI.prototype = {
init: function() {

// create the UI
// creates outlinePanel, viewPanel, statusPanel
this.createDominoUI();

// if we have a viewName or a viewUrl we can create the view
if (this.uiView.viewName != '' || this.uiView.viewUrl != '') {
this.uiView = new Ext.nd.UIView(Ext.apply({
viewport: this.viewport,
tabPanel: this.tabPanel,
container: this.viewContainer,
statusPanel : this.statusPanel,
showActionBar: true
}, this.uiView));


}

// if we have a outlineName or a outlineUrl we can create the outline
if (this.uiOutline.outlineName != '' || this.uiOutline.outlineUrl != '') {
this.uiOutline = new Ext.nd.UIOutline(Ext.apply({
container: this.outlinePanel,
viewport: this.viewport,
outlinePanel: this.outlinePanel,
tabPanel : this.tabPanel,
uiView : this.uiView,
statusPanel: this.statusPanel
},this.uiOutline));
}
},

// Private
createDominoUI: function() {
this.viewport = new Ext.Viewport({
layout: 'border',
id: 'extnd-viewport',
items:[{
xtype: 'panel',
layout: 'fit',
region: 'west',
collapsed : false,
collapsible: true,
autoScroll: true, //Scroll automatico para el panel derecho
id: 'xnd-outline-panel',
title: 'Menu Principal',
split: true,
width: 150
},{
xtype: 'panel',
layout: 'fit',
region: 'north',
collapsible: false,
autoLoad: {url: 'P90?OpenPage'},
id: 'xnd-north-panel',
split: false,
resizable:false
// width: ( '%' == 'px' ? 100 : "100%" ),
// height: ( 'px' == 'px' ? 25 : "25px" )

/*

},{
xtype: 'panel',
layout: 'fit',
region: 'east',
collapsed : true, //Indicamos que el panel al iniciar se oculte
collapsible: true,
autoLoad: {url: 'P91?Openpage'},
autoScroll: true, //Scroll automatico para el panel derecho
id: 'xnd-east-panel',
title: 'Enlaces de Interes',
split: true,
width: 400
},{
xtype: 'panel',
layout: 'fit',
region: 'south',
collapsed : true,
collapsible: false,
autoLoad: {url: 'P90?OpenPage'},
id: 'xnd-south-panel',
split: false,
resizable:false
*/

},{
xtype: 'tabpanel',
region:'center',
id: 'xnd-center-panel',
enableTabScroll: true,
activeTab:0,
items: [{
id: 'xnd-grid-panel',
layout: 'fit'
}]
}]
});


this.outlinePanel = Ext.getCmp('xnd-outline-panel');


this.viewContainer = Ext.getCmp('xnd-grid-panel');
this.tabPanel = Ext.getCmp('xnd-north-panel');
//this.tabPanel = Ext.getCmp('xnd-east-panel');
//this.tabPanel = Ext.getCmp('xnd-south-panel');
this.tabPanel = Ext.getCmp('xnd-center-panel');
this.tabPanel.on('beforeremove',this.fixIFrame,thi s);

},


// This is a hack to fix the memory issues that occur when opening and closing stuff within iFrames
fixIFrame: function(container, panel) {
var iFrame = panel.getEl().dom;
if(iFrame.src) {
iFrame.src = "javascript:false";
}
Ext.removeNode(iFrame);
},

showError: function() {
alert("Ha ocurrido un error");
}
};
// -->




Thanks in advance