Well, as it turns out, I managed to solve the problem myself. I hacked together a demo — check it out. Essentially, several additional DOM elements are required and a fair amount of CSS. And as mentioned in the link provided by @Steve, a solid background is required. I don’t believe there is any way … Read more
Your UITableview contains UIView, so just use this below lines of code for making it rounded corners. Also write this below line of code inside your tableview methods //If iOS version < 10 For Objective-C: cell.contentView.layer.cornerRadius = 5; cell.contentView.layer.masksToBounds = YES; For Swift: cell.contentView.layer.cornerRadius = 5 cell.contentView.layer.masksToBounds = true //If iOS version >= 10 For … Read more
You can create a QPainterPath, add the rounded rect to it, and then fill and stroke it: QPainter p(this); p.setRenderHint(QPainter::Antialiasing); QPainterPath path; path.addRoundedRect(QRectF(10, 10, 100, 50), 10, 10); QPen pen(Qt::black, 10); p.setPen(pen); p.fillPath(path, Qt::red); p.drawPath(path); Note that even with antialiasing, 1 px border will probably never really look good, especially on a low DPI desktop … Read more
rx and ry are regular attributes rather than presentation attributes. Only presentation attributes can be styled by CSS. The various regular/presentation attributes are listed here See also Presentation Attribute and Property from the SVG 1.1 specification. The upcoming SVG 2 specification proposes that most presentation attributes become CSS properties. So far Chrome and Firefox have … Read more
2018 Update A lot has changed in the last 7 years. The best way to handle this type of layout these days is to use CardView which has built in support for rounded corners and many other newer UI features as well. Apply the cardCornerRadius property to set the corners to round. <android.support.v7.widget.CardView ……. app:cardCornerRadius=”16dp”> … Read more
SIMPLEST APPROACH: Create an xml file rounded_fg.xml under res/drawable/ folder of your app. The content of rounded_fg.xml is as follows, <?xml version=”1.0″ encoding=”UTF-8″?> <shape xmlns:android=”http://schemas.android.com/apk/res/android” android:innerRadiusRatio=”2″ android:shape=”ring” android:thicknessRatio=”1″ android:useLevel=”false”> <gradient android:type=”radial” android:gradientRadius=”8dp” android:endColor=”@color/white” /> </shape> You can match endColor with ImageView container layout background & gradientRadius may be any value as per your requirements (<=36dp). … Read more
you need to set WindowStyle to WindowStyle.None, which will remove the chrome, then you can allow transparency which is an attribute int the Window element, and set the background color to transparent. All of this can be done as attributes to the window tag. WindowStyle=”None” AllowsTransparency=”True” Background=”Transparent” To make the corners rounded, use a border … Read more
I finally solved it with below code. This achieve rounded corners for button. Also, for Android Version >= V21, it uses ripple effect. For earlier Android version, button color changes when it is clicked, based on android:state_pressed, android:state_focused, etc. In layout xml file: <Button style=”?android:attr/borderlessButtonStyle” android:id=”@+id/buy_button” android:layout_width=”0dp” android:layout_weight=”1″ android:layout_height=”match_parent” android:gravity=”center” android:background=”@drawable/green_trading_button_effect” android:textColor=”@android:color/white” android:text=”BUY” /> For … Read more
As of iPhone SDK 3.0, you can simply use the layer’s cornerRadius property. E.g.: view.layer.cornerRadius = 10.0; Along the same lines, you can change the view’s border color and width: view.layer.borderColor = [[UIColor grayColor] CGColor]; view.layer.borderWidth = 1;
I figured it out. You just have to use some special selectors. The problem with rounding the corners of the table was that the td elements didn’t also become rounded. You can solve that by doing something like this: table tr:last-child td:first-child { border: 2px solid orange; border-bottom-left-radius: 10px; } table tr:last-child td:last-child { border: … Read more