SharePoint InfoPath 2010 Annoying Help Text of “Cannot Be Blank “

Products: SharePoint InfoPath 2010, SharePoint Designer 2010

Most users find the following help or hover text annoying and depending upon the size of the field; just plain in the way of selecting a field or entering text within a field.

InfoPathCannotBeBlank

The help text is automatically displayed for every field that is ‘required’ on the form.  If you review the properties of the control, the Validation section includes a checkbox next to the words “Cannot be Blank”; thus, the message that displays when a field has focus.

This is not an acceptable user experience for most scenarios.

So let’s say our solution is to simply hide the annoying popup, help text or tooltip.  We can take the following CSS and include it on the ‘new’ InfoPath Form “newifs.aspx” page via SharePoint Designer 2010 …

<style type=”text/css”>
.errorDiv
{   visibility:hidden;
height:1px;
overflow-y:hidden;}
.errorDivClickable
{   visibility:hidden;
height:1px;
overflow-y:hidden; }
< /style>

SharePoint Designer

  • open SPD2010
  • navigate to the site
  • in the Site Objects section of the page, expand the All Files folder
  • as we are working with a list, expand the Lists folder
  • select the list
    • expand the Item folder
    • make a copy of the newifs.aspx page
  • edit the original newifs.aspx page by double-clicking on it
    • in the ribbon, select Advanced Mode
    • locate the section PlaceHolderBodyAreaClass
    • after pasting in the above script, the section should look as follows …
<asp:Content ContentPlaceHolderId="PlaceHolderBodyAreaClass" runat="server">
<style type="text/css">
.ms-bodyareaframe {
 padding: 8px;
 border: none;
}
.errorDiv
 {
  visibility:hidden;
      height:1px;
      overflow-y:hidden;
 }
 .errorDivClickable
 {
  visibility:hidden;
      height:1px;
      overflow-y:hidden;
 }
</style>
</asp:Content>
  • save the page
    NOTES:  The page will be customized; but you have a backup in the event you need to revert back to the original page.
  • test out the results
  • the user experience response should be something like
    “It worked perfectly!”

References

As always, feel free to leave feedback and let me know how SharePoint has affected you!

Advertisements
This entry was posted in InfoPath, SharePoint Designer. Bookmark the permalink.

2 Responses to SharePoint InfoPath 2010 Annoying Help Text of “Cannot Be Blank “

  1. Dustin says:

    WORKED PERFECT!!! Thank you!

  2. Blake Olson says:

    Same fix for 2013?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s