Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum4. Other

Layout Title Rounded Corner Border

Dariusz Gbur
5 years ago Jan 11, 2017 3:22pm

Hi all.

I found cool rounded Corner Border style:

.rounded_border {
      border-radius: 25px;
      border: 2px solid #73AD21;
      padding: 20px;
      width: 200px;
      height: 150px;
  }

How to make it Titled too?

Regards
Darek

Olli Tietäväinen
5 years ago Jan 12, 2017 7:05am

Hi,

what do you mean by "titled"? Can you show an example?

Best regards,
Olli

Dariusz Gbur
5 years ago Jan 12, 2017 9:00am

Hi Olli.

Example in Swing titled boreder left center right;
http://www.java2s.com/Code/JavaImages/TitledJustBorder.PNG

Look also at attachments.what efecct i need to do:

Rounded Corners i have, i need to add tittle to border.

It is possible?

Regards
Darek
 

Olli Tietäväinen
5 years ago Jan 12, 2017 9:09am

Hi,

the border itself doesn't have a Title attribute like that. In order to have text over the border, you'll need to position a text element over it. How to do this depends on your HTML; by this StackOverflow answer it seems that <fieldset>'s <legend> behaves pretty much like that out of the box. You could also position a div element like that with e.g. negative margins.

-Olli 

Dariusz Gbur
5 years ago Jan 12, 2017 9:17am

Thanks a lot!!

That is what im looking for.

Regards
Darek

Olli Tietäväinen
5 years ago Jan 12, 2017 9:23am

You're welcome :)

-Olli