I need the following functionality:
There is a map with custom markers on it. I handle the tap event and need to show the panel in the top part of the map with information about the tapped item.
Initially I used the docked component, but when I hide/how it, ther map jumps as well, because component does not cover the map, it moves it down.
That's correct behavior for docked items, but I need a different one. So I utilized and Ext.Sheet for this. It works like a charm (I only needed to add it to the component where I want it to appear otherwise it appeared in the very top of the page), but I need more now. I want it to slide up/down with animation. Here'w what I use:
Code:
Ext.define('CJ.view.search.DetailSheet', {
extend: 'Ext.Sheet',
alias: 'widget.detailSheet',
config: {
height: 143,
enter: 'top',
enterAnimation: {
type: 'slide',
duration: 500
},
exit: 'top',
exitAnimation: {
type: 'slide',
duration: 500
},
stretchX: true,
modal: false,
cls: 'dealDetailSheet'
},
However when I do hide() or show(), there is no animation there. What I am doing wrong?