Slider Menu showing datepickerfield in menu and not in the mainContainer

[sendy]

Hy,
I am using this plugin https://github.com/wozznik/Slider-Menu .It works fine.
But I tried to modify the view Option 2 by adding a datepickerfield or (Ext.Message.alert)
This component is shown on the menu and not int the mainContainer.
Please any help??
This is the view:


Ext.define('UnivMobile.view.AddEvent', {
extend: 'Ext.Panel',
requires: ['Ext.field.DatePicker'],

xtype: 'option2card',



config: {
fullscreen: true,
title: 'Add Event',
xtype:'formpanel',
id:'p',
items: [ {
xtype: 'fieldset',
items: [
{
xtype: 'textfield',
name: 'nomEvent',
id:'nomevent',
label: 'Nom Event:'
},
{

xtype: 'datepickerfield',
label: 'Birthday',
name: 'birthday',
id:'debEvent',
value: new Date()
},
{
xtype: 'textfield',
name: 'dateFinEvent',
id:'finEvent',
label: 'Date de fin Event:'
},
{
xtype: 'textfield',
name: 'lieu',
id:'loc',
label: 'Lieu:',

}
] // items
}
]





}
});

Any help please ??

[mitchellsimoens]

First, you are extending Ext.Panel but looks like you want to extend Ext.form.Panel. Setting xtype : 'formpanel' in the config object like that will do absolutely nothing. Also I don't see any usage of the slider menu.

[sendy]

Hy ,
I have resolved the problem I should add this line to get it in the mainContainer:
this.parent.parent.parent.parent.push(Element)
I am using Slider-menu becouse I have a feature that list the Events(Sports,Party......).
And this one englobes some others features that why I am using a menu.