RSS 2.0
RSS 0.91
ATOM 0.3
September 22, 2010

Backend-Navigation in TYPO3 4.5

Category: Steffen Kamper, TYPO3, Core

Since alpha2 there is a new backend navigation. The frameset was removed completely and the way the iframes are addressed has been changed.

Sure, the old calls still works as there is a compatibility layer, but you should use the new calls from now on.

The best way is to explore it in Firebug console in Firefox. Open it and click on the bottom right red arrow to expand the console. Load the backend.

Now let's explore the backend viewport. Type in "top.TYPO3.Backend" and press Ctrl + return. When you click on the green object to the left you will find the 5 main containers:

  • ContentContainer
  • DebugConsole
  • ModuleMenuContainer
  • NavigationContainer
  • Topbar

The pagetree resides in top.TYPO3.Backend.NavigationContainer, the content resides in top.TYPO3.Backend.ContentContainer.

Lets play a bit with these containers. There are some shortcuts for these containers as follows:

top.TYPO3.Backend.NavigationContainer = top.nav
top.TYPO3.Backend.ContentContainer = top.list

so lets use them for shorter notation.

Let's change the content iframe url. Clear the console and type


Cool, it works. (don't forget to execute by pressing Ctrl+return) Now, navigation is invisable, let's show it by click on web>page.
let's change this frame too:


Ok, works too. Now let's refresh it:


Great. Which was the url of navigation panel? Let's ask for


Fine. Ok, let's jump to a module "Task center"


Works too, great. There is also the shortcut
top.goToModule('user_task') which works also.

You see it's very easy now to work direct with these methods, no complicate urls anymore because the frameset. Explore it yourself.

Happy navigating ;-)




comment #1
Gravatar: Fabien Udriot Fabien Udriot September 23, 2010 07:09
This is a definitely nice speed improvement when navigating throughout the Backend. I am really amazed. Thank you for your work. TYPO3 rocks!

comment #2
Gravatar: Gry Gry September 23, 2010 07:37
Awesome! It's revolution in my opinion.

comment #3
Gravatar: Daniel Huf Daniel Huf September 23, 2010 23:28
Can't wait to see the final release. Thanks a lot for your work and the feedback.

comment #4
Gravatar: Kai Osthoff Kai Osthoff September 24, 2010 10:42
Hi Guys!

Great work. Also because the new release becomes LTS! Waiting for it ... ,-)

Thank you for your great job!

Greetings, Kai

comment #5
Gravatar: skydivematy skydivematy September 24, 2010 11:07
so good work, big thank you to this new TYPO3. Keep it up.
best reagards

comment #6
Gravatar: Gordon Gordon October 10, 2010 12:22
Thank you, that's great :)

Sorry, comments are closed for this post.