Questions tagged [rounded-corners]
Name of a user interface design feature which replaces the 90 degree angle formed at the end points of two perpendicular lines.
rounded-corners
1,067
questions
714
votes
58
answers
732k
views
How to make an ImageView with rounded corners?
In Android, an ImageView is a rectangle by default. How can I make it a rounded rectangle (clip off all 4 corners of my Bitmap to be rounded rectangles) in the ImageView?
Note that from 2021 onwards, ...
- 108k
550
votes
20
answers
801k
views
How to make the corners of a button round?
I want to make the corners of a button round. Is there an easy way to achieve this in Android?
- 6,331
450
votes
20
answers
516k
views
How to do Rounded Corners Image in Flutter
I am using Flutter to make a list of information about movies. Now I want the cover image on the left to be a rounded corners picture. I did the following, but it didn’t work. Thanks!
getItem(var ...
- 5,222
450
votes
36
answers
336k
views
UIView with rounded corners and drop shadow?
I’ve been working on an application for a couple of years and received a simple design request: Round the corners on a UIView and add a drop shadow.To do as given below.
I want a custom UIView... : I ...
- 6,259
420
votes
28
answers
535k
views
The border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?
I am trying to make a table with rounded corners using the CSS border-radius property. The table styles I'm using look something like this:
table {
-moz-border-radius:10px;
-webkit-border-...
323
votes
8
answers
368k
views
How to create EditText with rounded corners?
How to create an EditText that has rounded corners instead of the default rectangular-shaped corners?
- 25.6k
257
votes
21
answers
74k
views
Creating rounded corners using CSS [closed]
How can I create rounded corners using CSS?
198
votes
16
answers
222k
views
How to round the corners of a button
I have a rectangle image (jpg) and want to use it to fill the background of a button with rounded corner in xcode.
I wrote the following:
UIButton *button = [[UIButton buttonWithType:...
- 2,575
192
votes
10
answers
182k
views
Android - drawable with rounded corners at the top only
I had this drawable to have a rounded rectangle as a background:
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/white" />
<...
- 56.8k
166
votes
12
answers
139k
views
How to make CSS3 rounded corners hide overflow in Chrome/Opera
I need round corners on a parent div to mask content from its childen. overflow: hidden works in simple situations, but breaks in webkit based browsers and Opera when the parent is positioned ...
- 2,719
154
votes
16
answers
138k
views
How do I create a round cornered UILabel on the iPhone?
Is there a built in way to create round-cornered UILabels? If the answer is no, how would one go about creating such an object?
- 4,123
150
votes
11
answers
160k
views
How to programmatically round corners and set random background colors
I'd like to round the corners of a view and also change the color of the view based on the contents at runtime.
TextView v = new TextView(context);
v.setText(tagsList.get(i));
if(i%2 == 0){
v....
- 5,830
148
votes
18
answers
419k
views
Rounded table corners CSS only
I have searched and searched, but haven't been able to find a solution for my requirement.
I have a plain ol' HTML table. I want round corners for it, without using images or JS, i.e. pure CSS only. ...
- 3,914
142
votes
13
answers
105k
views
Setting Corner Radius on UIImageView not working
I'm at a bit of a loss. I've used the layer property of UIView to round the corners of multiple elements in my app. However, this one UIImageView is simply not complying. Not sure what I am missing.
...
- 16.5k
134
votes
5
answers
226k
views
How do I create a WPF Rounded Corner container?
We are creating an XBAP application that we need to have rounded corners in various locations in a single page and we would like to have a WPF Rounded Corner container to place a bunch of other ...
- 2,971
103
votes
12
answers
96k
views
IOS: create a UIImage or UIImageView with rounded corners
Is it possible create an UIImage or an UIImageView with rounded corners? Because I want take an UIImage and show it inside an UIImageView, but I don't know how to do it.
- 17.5k
91
votes
13
answers
117k
views
How to set layer cornerRadius for only bottom-left, bottom-right, and top-left corner?
How to set corner radius only only bottom-left, bottom-right, and top-left corners of a textview?
let rectShape = CAShapeLayer()
rectShape.backgroundColor = UIColor.redColor().CGColor
rectShape.bounds ...
- 1,188
86
votes
18
answers
73k
views
Round two corners in UIView
A little while ago I posted a question about rounding just two corners of a view, and got a great response, but am having problems implementing it. Here is my drawRect: method:
- (void)drawRect:(...
- 6,747
85
votes
10
answers
243k
views
Rounded Button in Android
I want to create rounded buttons in an Android program. I have looked at How to create EditText with rounded corners?
What I want to achieve is:
Rounded Edge Buttons
Change Button background/...
- 3,664
74
votes
4
answers
95k
views
WPF rectangle - round just top corners
How can I have just the top corners rounded for a WPF rectangle?
I created a border and set the CornerRadius property and inside the border I've added my rectangle, but it doesn't work, the ...
- 11.2k
69
votes
10
answers
112k
views
How do I make an UIImage/-View with rounded corners CGRect (Swift)
How do I make a UIImageView with rounded corners on a Swift iOS Playground?
Inside it needs to be filled with a color.
- 1,468
67
votes
12
answers
134k
views
How to make round corners to both inside of a box and its border?
I guess the title is kind of hard to understand, so I'll explain.
I am trying to achieve this effect:
(a box which has rounded corners and its border, which also has rounded borders).
I've managed ...
- 17.4k
60
votes
11
answers
87k
views
Rounded tables in Twitter Bootstrap 3
Bootstrap 3 has dropped rounded corners on tables. Which styles should I apply to get them back when I apply the .table-bordered class, please?
UPDATE
So far I've come to this code, with no effect.
...
- 2,966
59
votes
7
answers
33k
views
How to calculate rounded corners for a polygon?
I'm looking for an algorithm that allows me to create rounded corners from a polygon.
I have an array of points that represents the polygon (outlined in red) and on output I want an array of points ...
- 803
58
votes
6
answers
132k
views
CSS rounded corners in IE8
I'm having issues with rounded corners in IE8. I've tried a few methods without success.
Here is my code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page&...
- 13.6k
57
votes
11
answers
53k
views
Rounded Corners only on Top of a UIView
Hi i am searching a clean solution without overwriting drawRect or stuff like that to create a UIView with Rounded corners on the Top of the View. My main problem here is to create variable solution ...
- 1,205
55
votes
7
answers
115k
views
WPF rounded corner textbox
I don't know WPF and am now learning it. I was looking for rounded corners TextBox in WPF. So I searched Google and found a piece of XAML :
<!–Rounded Corner TextBoxes–>
<ControlTemplate x:...
- 33.9k
53
votes
5
answers
41k
views
svg / d3.js rounded corners on one side of a rectangle
I know svg has an in built function to do rounded corners, but I need to do rounded corners on only 2 of the four corners.
I know I can draw multiple rectangles on top of each other to imitate that, ...
- 3,207
51
votes
13
answers
59k
views
Bitmap in ImageView with rounded corners
I have an ImageView and I want to make it with rounded corners.
I use this:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:...
- 565
44
votes
10
answers
55k
views
Round Top Corners of a UIButton in Swift
I know I can round all four corners using:
myBtn.layer.cornerRadius = 8
myBtn.layer.masksToBounds = true
Since I only want to round two, I did some research and found this:
extension UIView {
...
- 12.1k
39
votes
5
answers
35k
views
How is a rounded rect view with transparency done on iphone?
A lot of apps pop up a transparent view with rounded corners and an activityIndicator when running a time consuming operation.
How is this rounding done and is it possible to do it just using ...
- 14k
39
votes
7
answers
56k
views
Android Button with rounded corners, ripple effect and no shadow
I am trying to build Android Button with rounded corners. But along the rounded corners (bottom left & right corner), there is unwanted grey color shadow around it.
Here's my code:
drawable/...
- 5,638
38
votes
5
answers
57k
views
How can I make a rounded-corners form in WPF?
I am trying to make the corners of a Window (WPF) rounded and it doesn't work, I tried to make the window itself transparent and add an internal border with rounded corners and it doesn't work.
Any ...
- 103k
36
votes
17
answers
153k
views
ImageView rounded corners [duplicate]
I wanted image to have rounded corners. I implement this xml code and use this in my image view. but image overlap the shape. I am downloading the image through async task.
<?xml version="1.0" ...
- 920
36
votes
2
answers
48k
views
svg css rounded corner not working
I have an SVG file that I am applying CSS to. Most rules seem to work, but when I apply rules about the rounding of corners (rx:5; ry:5) it has no effect. 'Inline' style rules work, but I'm having no ...
- 4,082
35
votes
3
answers
45k
views
Android XML rounded clipped corners
I've setup a LinearLayout with the following drawable background:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners ...
- 636
34
votes
2
answers
54k
views
Qt drawing a filled rounded rectangle with border
I want to draw a rectangle with rounded corners (border radius same for all 4 corners) with a specific color filling the entire rectangle, and a separate border color (say border is 1 px wide).
From ...
- 6,251
31
votes
4
answers
21k
views
Rounded corners in a UITableView (iOS7)
In iOS7, how can I draw cell's rounded corners in a UITableView? See an example:
- 2,474
31
votes
5
answers
9k
views
CSS to create curved corner between two elements?
My UI has an unordered list on the left. When a list item is selected, a div appears on the right of it. I'd like to have a curved outer corner where the <li> and the <div> meet. Some ...
- 27.1k
30
votes
6
answers
154k
views
Rounded corners for <input type='text' /> using border-radius.htc for IE
I want to create an input fields with rounded corners.
HTML:
<div id="RightColumn">
<input type="text" class="inputForm" />
</div>
CSS:
.inputForm
{
-moz-border-radius:10px; ...
- 2,338
29
votes
4
answers
16k
views
smooth rounded corners in swift
How can I create a UIButton with rounded corners that are smooth?
The standard apple rounded corners are much nicer than the standard rounded corners.
If I design a button in sketch, I can toggle "...
- 2,144
28
votes
6
answers
52k
views
How to make a div with rounded corners
How do you make a div so that its border corners are rounded?
- 479
28
votes
1
answer
11k
views
How to draw rounded corner polygons on android canvas?
I need to draw polygons like triangle, trapezoid, pentagon, parallelogram, rhombus etc. It seems Path class is way to go, however i need these polygons have rounded corners and i also need to control ...
- 2,873
28
votes
4
answers
25k
views
Rounded side, not rounded corners
I'd like to create a shape like the one displayed below entirely in CSS. As you can tell, it would take a bit more tweaking than simply applying rounded corners...
Can it be done?
- 281
27
votes
9
answers
17k
views
How to set UIImageView with rounded corners for aspect fit mode
I usually use the following code to set rounded corners.
imageView.layer.cornerRadius = 10
It works when the imageView is set at Aspect Fill.
But when the imageView is set to Aspect Fit mode, and ...
- 273
27
votes
7
answers
67k
views
Rounded corners on a fieldset
I noticed that the "fieldset" tag renders a rounded corner border on IE (it renders squared on the other browsers).
<fieldset>
<legend>My legend</legend>
</fieldset>
...
- 15.2k
26
votes
5
answers
85k
views
Rounded Corners on DIVs with Background Color
I've got some code that looks like this:
<div id="shell">
<div id="title">TITLE HERE</div>
<div id="content">Article Content Goes Here</div>
</div>
The ...
- 1,148
25
votes
4
answers
34k
views
Rounding button corners in Kivy
What is the preferred way to create rounded corners for buttons in Kivy?
Are there other equally viable ways to perform this task?
- 1,225
24
votes
4
answers
17k
views
How to add rounded border for PopupMenu in Flutter?
Is there any way I could create custom pop up with rounded borders?
This is my current code and design:
child: Container(
child: PopupMenuButton(
...
- 468
24
votes
6
answers
101k
views
Rounded edges in button C# (WinForms)
Hello, through some research around here and other sites, I've made a rounded edges button.
protected override void OnPaint(PaintEventArgs e)
{
base.OnPaint(e);
Rectangle Rect = new ...
- 1,178