Layout Title Rounded Corner Border

Dariusz Gbur

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

Hi,

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

Best regards,
Olli

Dariusz Gbur

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

11.png (9.4 kB)

Olli Tietäväinen

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

Thanks a lot!!

That is what im looking for.

Regards
Darek

Olli Tietäväinen

You're welcome :)

-Olli

Important Notice - Forums is archived

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

Layout Title Rounded Corner Border

Important Notice - Forums is archived

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

Layout Title Rounded Corner Border

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