You need to sign in to do that
Don't have an account?
SamuelRobert
How to align the text inside the Visual Force help Text inside the keyword <c:helpicon helptext=""
Hi,
please find the code below here we have invoked a help text for a custom field in Orders, I tried using the keyword <c:helpicon to show the test hwever in the page it shows the text arranged in a improper way.
Please find the screenshot for this view.
Iam looking for a solution how to make this helptext look good and Nice.
please find the code below here we have invoked a help text for a custom field in Orders, I tried using the keyword <c:helpicon to show the test hwever in the page it shows the text arranged in a improper way.
<apex:outputPanel rendered="{!order.Type=='Mobile Clock'}"> <apex:actionRegion > <table style="width:50%;"> <tr> <td style="text-align:right;width:35%;font-weight:bold;font-size:11px;color:#4a4a56;padding-right: 2px;"> <c:helpicon helpText="NOT REQUIRED:The Employee can punch in and out anywhere and the app does not track where the punch took place. GEO-LOCATION REQUIRED:Allows punches from anywhere.Requires location services to be enabled on the employees cell phone.The app will record where the punch took place. GEO-FENCE WARNING:A geo fence is set around a location.IF any employee punches outside this location a warning will appear.The employee has the option to continue to punch in or they can choose not to punch in. GEO-FENCE REQUIRED:Employee is required to be within the geo fence location in order to punch into or out using the application"/> Clock Location Restrictions </td> <td style="padding-left: 10px;"> <apex:outputLabel value="." styleClass="required"></apex:outputLabel> <apex:inputField value="{!order.Clock_Location_Restriction__c}"> <apex:actionSupport event="onchange" reRender="clockinformation" oncomplete="this.focus();" status="ocstatus"/> </apex:inputField> </td> </tr> </table> </apex:actionRegion> </apex:outputPanel>
Please find the screenshot for this view.
Iam looking for a solution how to make this helptext look good and Nice.
I believe you will need to make changes similar to the following:
The help icon visual force component: The visualforce page controller: The visualforce page: I'll admit my version here doesn't look very nice and proper, but it does have the line breaks at least. The formatting you already have in your component shouldn't need to be changed and it will look better than this:
Here each Capital words are the headings and it has its associated help text. Here headings are at the left corner one by one and the text on its own line.
Please mark this as best answer if it's solved.
Best Regards,
Nagendra.P