Web Connection
Rounded corners
Gravatar is a globally recognized avatar based on your email address. Rounded corners
  Luca
  All
  Apr 13, 2021 @ 06:22am

Dear Rick,
I use WC 6.05 and I am very happy of it! Just a silly request: often I see textboxes with round corners in phone apps:
is is possible to round object corners in WC?
Thank you very much

Gravatar is a globally recognized avatar based on your email address. re: Rounded corners
  FoxInCloud Support - Thierry N.
  Luca
  Apr 13, 2021 @ 10:38am

Use CSS border-radius

Gravatar is a globally recognized avatar based on your email address. re: Rounded corners
  Rick Strahl
  Luca
  Apr 13, 2021 @ 02:52pm

As Thierry said, you can do this easily with styling:

input[type=text], input[type=number], input[type=datetime], textarea  {
    border-radius: 4px;
}

This requires that you explicitly use type="text" on text input, even though leaving it out is legal as that's the default. Tricky because the <input> element is overloaded for all the different types of text you can input.

Or better yet, create a custom style that you can apply to all text input fields explicitly. If you're using Bootstrap you can use form-control which determines styling but you can create something like this and apply:

.text-input {
   border-radius: 4px;
}

Then apply to any input field explicitly:

<input class="text-input" value="Rick" />
<textarea class="text-input">Notes here...</textarea>

+++ Rick ---

Gravatar is a globally recognized avatar based on your email address. re: Rounded corners
  Luca
  Rick Strahl
  Apr 13, 2021 @ 08:27pm

Fantastic!!! Many thanks again

© 1996-2024