+ Start a Discussion
B2000B2000 

Datepicker Input Field Link

I would like to either 1. Not display or remove the datepicker input link (the link after the input field) 2.Make the datepicker input link  display below the input field in a table i.e. a double row height. The datepicker input widget takes up alot of space in the table and I want a narrow column with just the input field, not the link or the link below the input field.  I currently use an HTML <table><tr><td><apex:inputField value="{!date}/> format.  I tried using style=”word-wrap: break-word” in <td> and <apex:inputField> with no luck.  I don't know if you can and how to do it, to modify the datepicker class to put the style in an HTML head section. I was able to shrink the <td> usning colwidth, but either the link overflows into the next <td> section or you can still see the "[", brace, that overflows slightly into the next <td> column. Thanks.

 

Best Answer chosen by Admin (Salesforce Developers) 
joshbirkjoshbirk

To remove it, you can add this CSS:

<style>
.dateFormat { display: none; }
</style>

 Or to force it below the text field, try this:

<style>
.dateFormat { display: block; clear: all; }
</style>

 

All Answers

joshbirkjoshbirk

To remove it, you can add this CSS:

<style>
.dateFormat { display: none; }
</style>

 Or to force it below the text field, try this:

<style>
.dateFormat { display: block; clear: all; }
</style>

 

This was selected as the best answer
B2000B2000

Thank you. Your first style worked perfectly.