adding login example

[dmdarki]

ext 6.0.2
cmd 6.1.2.15

Hi I'm new in extjs6 I'm just playing with the code, and I try to do the login example.


well, the login show up, after that I try to create the main view, but never show up, then I try to render it.


And the viewport moves

Ext.create({
			xtype: 'app-main',
			renderTo : Ext.getBody()
		});

What I'm doing wrong?

[Gary Schlosberg]

Hard to say without seeing more code. What are you doing when the menu migrates to the top? Are you talking about this login example?
http://examples.sencha.com/extjs/6.0...nk/#form-login

[dmdarki]

I'm so sorry, I was thinking that was easy to understand, it is the example.

Im just triying to login, then show the example, I did not write more code.

I follow this link that comes with de trial app

http://docs.sencha.com/extjs/6.0/get...login_app.html

i have exactly the same code, I copy paste it

I make some tests,

remove this line in app.js

//mainView: 'Test2.view.main.Main'


then add this to the Aplication.js

launch: function () {
// TODO - Launch the application
Ext.create('Ext.container.Viewport',{
items: [{
xtype: 'app-main'
}]
});


},

and it show wrong, nothing more added

[Gary Schlosberg]

What are you doing that makes it switch from appearing like your first image to appearing like your second image? Put another way, what action or code causes it to switch?

[dmdarki]

Hi


I'm not doing anything and thats my question, why it moves ?


I'm following your guide http://docs.sencha.com/extjs/6.0/get...login_app.html


I create a new app "Test", then it shows fine.


Then, I remove this line in app.js

//mainView: 'Test.view.main.Main'

after that if you reload the app, only get a blank page.


then i modify aplication.js to manually create the main view

launch: function () {
// TODO - Launch the application
Ext.create('Ext.container.Viewport',{
items: [{
xtype: 'app-main'
}]
});
},

and it shows verticaly.

I'm trying to load a "window login" before the main view as your guide

[Gary Schlosberg]

Do you see any error messages in the console when the blank page loads? As far as the two views you posted, the menu loads on the left side and then switches to the top on its own?

[liamxxx10]

ext 6.0.2
cmd 6.1.2.15

Hi I'm new in extjs6 I'm just playing with the code, and I try to do the login example.


well, the login show up, after that I try to create the main view, but never show up, then I try to render it.


And the viewport moves

Ext.create({
            xtype: 'app-main',
            renderTo : Ext.getBody()
        });

What I'm doing wrong?

-----------------------------------------------------------------------------

Hi, your are not doing anything wrong, For me the example its wrong
the thing is that you have 2 xtype call 'app-main' because you created one in the path they told you {appRoot}/app/view/main/Main.js erase it ande then go to {appRoot}/app/view/main/Main.js and modify it as its says in the doc and it should work fine

[gksrivas]

I am facing the same issue. Can some one elaborate what's wrong in the example. Since I am new ExtJS its hard to understand what has been said in the solution.