As the box control has no option for rounded corners, what would be a good option to accomplish this. I guess we are lucky that flat design is "in", but not every one likes the flat design. I can come up with something like <row> <cell>left upper corner</cell> <cell>line</cell> <cell>right top corner</cell> </row>

or I can think of a few more ugly ways doing it (background gif, yuk) etc. But that seams like a horrible way of doing it. surely their must be an easier way.

asked 24 Feb '14, 04:31

Raymond's gravatar image

Raymond
24319
accept rate: 0%


Hi Raymond,

You can do it with CSS. Simply put this in your stylesheet:

.bdf-box div { border-radius: 6px; }

and voila, all your text boxes now have rounded edges..

Or you can selectively do it by adding a styleClass to the box you want to have rounded corners, like:

<box borderType="LineBorder" styleClass="my_box_class" />

and then put something like this in your CSS:

.my_box_class div { border-radius: 6px; }

With CSS you can style anything you like in Formspider :-)

Best regards,
Michiel

link

answered 27 Feb '14, 15:49

Michiel%20A's gravatar image

Michiel A
5161544
accept rate: 13%

1

Ah of course thanks Michiel. I still have to let go that I am not coding for IE6 anymore too and I can use radius.

(27 Feb '14, 16:44) Raymond
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×2
×1

Asked: 24 Feb '14, 04:31

Seen: 803 times

Last updated: 27 Feb '14, 21:07

Related questions


© Copyright Gerger 2017