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 community@tibco.com 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] How to wrap a radio button label

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] How to wrap a radio button label
 Login/Join
 
Member
posted
Hello Confused

I have an html page(built in the composer) that contains a radio button and the label needs to be wrapped. Can anyone assist with that?

Background:
I have a training application that, in some courses, has a final assessment involving various test pages (multiple choice, true/false and/or choose the correct answer). I have run into a situation where some option/answer labels are very lengthy and would like to add a wrap option within the radio button control.

I have looked into the properties and don’t see a setting that will do this.

Has anyone out there come across this issue? If so, could you share your expertise?

Thanks!

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


WebFOCUS 8.1.05, UNIX, Oracle, Excel, PDF, HTML
 
Posts: 9 | Location: dgriffin@att.com | Registered: January 05, 2007Report This Post
Virtuoso
posted Hide Post
The property you're looking for is white-space: normal;
Apply that to the radio button label (not the div)


WebFOCUS 8.1.03, Windows 7-64/2008-64, IBM DB2/400, Oracle 11g & RDB, MS SQL-Server 2005, SAP, PostgreSQL 11, Output: HTML, PDF, Excel 2010
: Member of User Group Benelux :
 
Posts: 1669 | Location: Enschede, Netherlands | Registered: August 12, 2010Report This Post
Member
posted Hide Post
Hi Wep5622

Thanks for responding to my post!

Any thoughts or recommendation as to any docs I could read to better understand the various, and endless Properties, related to the html composer or styling in general?

I have created several new pages and when I add the radio button control, the only options for it in the properties listing dropdown is (the radio 1 DIV).

Maybe there's a setting somewhere that needs to be changed?


WebFOCUS 8.1.05, UNIX, Oracle, Excel, PDF, HTML
 
Posts: 9 | Location: dgriffin@att.com | Registered: January 05, 2007Report This Post
Member
posted Hide Post
Scratch that last post...The issue is that I am attempting to populate the radio button dynamically.

Your post worked perfectly as suggested and I can add that skill to my toolbox.

Now I just need to see if this can be done dynamically.

Thanks again!

This message has been edited. Last edited by: Deric,


WebFOCUS 8.1.05, UNIX, Oracle, Excel, PDF, HTML
 
Posts: 9 | Location: dgriffin@att.com | Registered: January 05, 2007Report This Post
Virtuoso
posted Hide Post
Most of these properties directly relate to CSS style properties, for which there are plenty of resources on the internet.

Another great help is to look at style properties of existing HTML in your launch pages using the Inspect Element tool in your web browser (even IE has that, but it's a bit lacking).

For doing this dynamically, the easiest approach is probably to create a new CSS stylesheet (or modify an existing one) and include that from the document settings tab in Composer.
Something like this:
.IBI_Radio label { white-space: normal !important; }


Perhaps the !important flag isn't even necessary, in which case it's better to leave it out or you won't ever be able to override it for specific situations.


WebFOCUS 8.1.03, Windows 7-64/2008-64, IBM DB2/400, Oracle 11g & RDB, MS SQL-Server 2005, SAP, PostgreSQL 11, Output: HTML, PDF, Excel 2010
: Member of User Group Benelux :
 
Posts: 1669 | Location: Enschede, Netherlands | Registered: August 12, 2010Report 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] How to wrap a radio button label

Copyright © 1996-2020 Information Builders