# TIP: Reordering Tabs

DevFeed: [TIP: Reordering Tabs](<https://devfeed.tech/articles/tip-reordering-tabs-19592.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/tip-reordering-tabs/>)

Author: Shai Almog

Published: 2019-05-13T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [Code](<https://devfeed.tech/topics/code.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [components](<https://devfeed.tech/tags/components.md>), [container](<https://devfeed.tech/tags/container.md>)

## AI overview

This tutorial explains how to reorder tabs in Codename One using built-in drag-and-drop support for components within a tabs container. It manually moves the tab in a drop listener after blocking the default drop behavior.

## Source excerpt

The Tabs class is pretty powerful and flexible as I mentioned before. One thing it doesn't support is drag and drop to re-order the tabs. Here the flexibility of Codename One takes over and allows us to accomplish it. We can use the builtin drag and drop support for components within the tabs container. This is exactly how the code below works. In the drop listener we block the default processing of drop behavior so we can move the tab manually to the new location: