how to show tab menu in the top of content of that tab?

hi
i want show tab title on top of the tap content too,  you can see in the attached picture.how to do that?

 

 i use :
[cb:if reason="profile"]testtttttttttttttttttttttttttttttttttttt[/cb:if]
in the description of tab but it can not show in the demo tab.

 

UX note: in your demosite when user select each tab menu, user can not see good highlighted tab which selected now.

Those labels on the demo site are just Custom HTML fields with CSS applied to them. Specifically the below.

The Custom HTML field has its CSS Class parameter set to form-group-section. You can also just use a Custom HTML field and add whatever HTML you want for headers.

UX note: in your demosite when user select each tab menu, user can not see good highlighted tab which selected now.

That's how Bootstrap 4 styles it. Feel free to restyle it however you like. We'll be replacing Bootstrap with TailwindCSS in CB 3.x and address the UX concerns that Bootstrap causes with custom HTML components to replace all of this. An "active" CSS class is added to the active menu item so you can use that to add a background, border, etc..

Add custom html field is a good suggestion in the second step. For the first try, is it possible use tab description field which I use cb substitution?

There's no substitution for getting a tabs description if that's what you're asking.

But I can get that in the edit page of profile via:

[cb:if reason="edit"]testtttttttttttttttttttttttttttttttttttt[/cb:if]
But I can not get description in the profile via :

[cb:if reason="profile"]testtttttttttttttttttttttttttttttttttttt[/cb:if]
Is it cb logic? Or maybe I do something wrong?

Tab descriptions don't display in profile view. They display in profile edit and registration. Some plugins that have no profile edit will display their descriptions in profile view though. It's best to just use a Custom HTML field. Custom HTML fields have no _comprofiler storage so in other words you can have unlimited amount of Custom HTML fields so feel free to make as many as you need.