PDA

View Full Version : How to implement Spotlight for extjs window ?



renganathan
1 Feb 2012, 6:28 AM
Hi All,

I want to implement Spotlight Utility (http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/core/spotlight.html) for window , when toolbar icon has clicked.


Please refer this image

31236

tvanzoelen
1 Feb 2012, 6:40 AM
Does this sample http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/core/spotlight-example.js



var spot = Ext.create('Ext.ux.Spotlight', {
easing: 'easeOut',
duration: 300
});

var updateSpot = function(id) {
if (typeof id == 'string') {
spot.show(id);
} else if (!id && spot.active) {
spot.hide(); }
};


not work for windows?

nick_laros
22 May 2012, 9:41 PM
Does this sample http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/core/spotlight-example.js



var spot = Ext.create('Ext.ux.Spotlight', {
easing: 'easeOut',
duration: 300
});

var updateSpot = function(id) {
if (typeof id == 'string') {
spot.show(id);
} else if (!id && spot.active) {
spot.hide(); }
};


not work for windows?

when implemented to window, seems like it kinda bugged. when you try dragging that window, the spotlight doesnt update area.

alternatively, You can set the modal of your window to achieve the same effect. "modal: true"


Ext.define('HEB.view.states.WindowForm', {
extend: 'Ext.window.Window',
alias: 'widget.stateswindowform',

title: 'Add New State',
layout: 'fit',
autoshow: false,
modal: true
});