Focal Point Banner

As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at for further assistance. Reference the community FAQ to learn more about the community.

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Button Shape

Read-Only Read-Only Topic
[SOLVED] Button Shape
Platinum Member
I have a requirement that my buttons should be in Oval or Round shape instead of square or rectangle, Please let me know how to change the shape of a button in 8.2.03


This message has been edited. Last edited by: FP Mod Chuck,

WebFocus-8/Windows/HTML, PDF, EXCEL
Posts: 106 | Registered: September 20, 2010Report This Post
Silver Member
posted Hide Post
Unfortunately I'm on 8105m. Not certain if the HTML canvas is still relatively the same in 8.2.03.

If you click on the button in the HTML canvas (I'm assuming you're using the stock button from the components tab) go to the properties and scroll until you find the Border section. Click to expand and scroll again down to the border-radius. Enter a value in pixels, so maybe 5px or 10px. That will give you the rounded edges you might be seeking.

WF Version 8105
Posts: 45 | Registered: October 07, 2015Report This Post
posted Hide Post
Same way for 8.2

WF versions : Prod 8.2.04M gen 33, Dev 8.2.04M gen 33, OS : Windows, DB : MSSQL, Outputs : HTML, Excel, PDF
In Focus since 2007
Posts: 2409 | Location: Montreal Area, Qc, CA | Registered: September 25, 2013Report This Post
posted Hide Post
You can use IMAGES instead of BUTTONS and add Tasks and Animations to them in your HTML page.
Posts: 3132 | Location: Tennessee, Nashville area | Registered: February 23, 2005Report This Post
posted Hide Post
You should be able to do this in CSS.

How TO - Round Buttons


Prod:WebFOCUS 7.6.10/8.1.04Upgrade:WebFOCUS 8.2.07OS:LinuxOutputs:HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!

Posts: 6347 | Location: 33°49'23.0"S, 151°11'41.0"E | Registered: October 31, 2006Report This Post
Platinum Member
posted Hide Post
You can set it at the button Properties.
Border-radius : 50% will give you oval shape.
You can set the height to 35% and border-radius to 50% to get a circle.

webFOCUS 8206
Windows 10
Posts: 181 | Registered: October 25, 2017Report This Post
Gold member
posted Hide Post
In the properties when in HTML go to the border section. There are four options for the radius of the corners.

WebFocus 8.002
PMF 8.2.3
Windows, all output
Posts: 76 | Location: Minnesota | Registered: December 28, 2012Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Button Shape

Copyright © 1996-2020 Information Builders