How to create tab control to look like Microsoft Edge?

Question

0.00/5 (No votes)

See more:

, +

Like in the topic :)
screen
How to do something like this?
I think about active, inactive tab + seperators bettwen tabs and remove, add tab button :)
Thanks for advance ;)

Posted 14-Nov-15 9:23am

ry sieł

Add a Solution

Comments

Maciej Los 14-Nov-15 17:01pm

Funny. What have you tried till now? Where are you stuck?

ry sieł 14-Nov-15 17:44pm

To create this i must remove the ugly "shadows" from the tab control. How to do it?
http://iv.pl/images/28657866459948606010.png
PS. I don't have good English, because I am from Poland

Maciej Los 15-Nov-15 6:03am

This is not important from where you are...

ry sieł 15-Nov-15 6:10am

But how to remove this and create a solid color tab?
I don't want any shadows, gradients only solid color like Edge.
How to do it?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Krunal Rohit · Answer 1 · 2015-11-14T18:30:00

Solution 1

Remove those gradient colors & shadows as well.
Use the flat icons.
Use the Segoe UI fonts.

Not the exact solution, but you can give it a shot :)

-KR

Posted 14-Nov-15 18:30pm

Krunal Rohit

Comments

ry sieł 15-Nov-15 5:33am

But how to remove this? :/
Now I am done, but it isn't professional:
I have add tab button (it's pictureBox) and
it's moving right to the last tab. It's remove shadow from only last tab.
How to remove it from all tabs?

Maciej Los 15-Nov-15 6:11am

Use for...each or while...do loop.

ry sieł 15-Nov-15 6:16am

And e.Graphics.FillRectangle for every tab? Wait a minute.

ry sieł 15-Nov-15 6:28am

Nothing. It's look like this:
http://iv.pl/images/76613712456154603853.png
How to remove these shadows?
Shadows are on left and bottom border of control and on the right bottom every tab.

ry sieł 15-Nov-15 11:13am

http://iv.pl/images/42721641008650711617.png
I want something like this ;)
Anyone know how to do this?? :((
I really need this
I got this effect when I use MDITabControl, but in MDI i must add form as tabpage.
In Windows TabControl I can add tabpage using title and in order dock new tab window.
I must draw this, i can't use MDI.