General

Re: How to remove popup/tooltip like "Cannot be blank"

SeanPRyan — Wed, 04 Apr 2012 20:42:07 GMT

This question may be a year old, but I thought I'd share my fix for these. I simply had to change those thick ugly red borders.

Use the XMLFormView Web part when displaying your new web based Infopath form. There are some great tutorials on this. I think this one's very good: http://www.nickgrattan.net/Publications.aspx.

Once you have that all set up, add a content editor web part to the bottom of the same page and enter <style></style> tags into the Source editor for that web part.

Here's what I have fof the border and a few other styles I like to overwrite.

The .dv_ and .dt_ classes take care of the borders. Then, in InfoPath I just add an asterisk to the outside of the field label and make it bold and red.

No more border. I hope this can help somebody out there.

Re: How to remove popup/tooltip like "Cannot be blank"

warrtalon — Mon, 14 Feb 2011 17:22:55 GMT

sscarcella:
I tried to put the validation on a button but it is not available.

what do you mean by, "it is not available"? How can rules not be available on your button? I've never seen that. You just add conditional formatting that says "If Field1 is blank or Field2 is blank or Field3 is blank or Field4 is blank..., then disable this control" and so on and so on.

Re: How to remove popup/tooltip like "Cannot be blank"

sscarcella — Mon, 14 Feb 2011 17:16:48 GMT

Clayton can you post the rules or whatever you use for your "back-end validation method" to disable your submit button until all required fields are completed... I am having problems in Web Forms with the "cannot be blank" popups getting in the way of people being able to select option buttons. Also the posting back to the server every time a value changes is annoying. I dont really want to mess with changing the .css style sheet. I tried to put the validation on a button but it is not available.

Re: How to remove popup/tooltip like "Cannot be blank"

cali_kid — Thu, 30 Dec 2010 19:05:31 GMT

You can create a feature that can overide CSS stytles.......

http://www.cleverworkarounds.com/2007/10/13/sharepoint-branding-%e2%80%93-how-css-works-with-master-pages-%e2%80%93-part-3/

http://farhanfaiz.wordpress.com/2008/01/24/creating-and-deploying-feature-in-moss/

Good luck

Re: How to remove popup/tooltip like "Cannot be blank"

marcelmeth — Thu, 30 Dec 2010 17:34:38 GMT

Yes, please tell us.

Re: How to remove popup/tooltip like "Cannot be blank"

greenawayr — Wed, 15 Sep 2010 15:17:03 GMT

So I have a form template based on a webservice that feeds off a dataset.

So any field in the dataset that cannot be null requires filling in.

Because the datasource is outside of Infopath, the only way I can turn off the validation for each Field would be to allow nulls in the database which is a risky approach.

Are we serious when we say that the only way to turn off the validation tooltips would be to get rid of validation as designed in Infopath and bodge something together? Or left with the other alternative that means edited files in the Sharepoint hive which affect the entire server?

I'd love for someone to say otherwise.

Re: How to remove popup/tooltip like "Cannot be blank"

Ginger — Tue, 23 Mar 2010 11:57:45 GMT

Now why didn't I think of that?! Fantastic idea, Warrtalon. Worked like a charm. My users were complaining about the popup and screen tip appearing together, so this solution makes my form much neater. Thanks for sharing!

Re: How to remove popup/tooltip like "Cannot be blank"

cali_kid — Fri, 13 Nov 2009 16:53:14 GMT

To remove the div you'll need to make chages to the folowing style sheet. ifsmain.css on the front end web server The Best way to accomplish this would be to develop a feature that can over ride the CSS.

The file is located-------Creating a feature to overide would be ideal!!!!!!!!

_/LAYOUTS/INC/ifmain.css ***************** This CSS file is on the server***************** In the 12 hive.

From

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

.errorDiv
{
z-index:100;position:absolute;top:0px;left:0px;display:none;width:300px;padding:2px 3px;
border:1px solid #B22828;background:#FFFED7;color:#B22828;

font-family:Verdana;
font-size:x-small;
text-decoration:none;font-weight:normal;

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

.errorDiv
{
z-index:100;position:absolute;top:0px;left:0px;display:none;

font-family:Verdana;
font-size:x-small;
text-decoration:none;font-weight:normal;
}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Re: How to remove popup/tooltip like "Cannot be blank"

ErnestoM — Tue, 27 Oct 2009 20:56:25 GMT

Another solution here:

http://www.infopathdev.com/forums/t/13622.aspx

Re: How to remove popup/tooltip like "Cannot be blank"

ducati321 — Tue, 27 Oct 2009 20:24:48 GMT

For those that are still trying to figure this out - I found a way (in modifying the core.js engine of sharepoint)

replace this line:
objVisualizationDiv.style.display = "inline";

with this:
objVisualizationDiv.style.display = (strHelperName == "ErrorTip") ? "none" : "inline";

you'll keep the red asterisk, but hide the annoying pop up.

the file is located here:
C:\Program Files\Common Files\Microsoft Shared\web Server Extensions\12\TEMPLATE\LAYOUTS\INC

Re: How to remove popup/tooltip like "Cannot be blank"

warrtalon — Tue, 02 Jun 2009 15:27:01 GMT

Browser forms work much differently than rich client forms. Many things do not work in browser forms, so it's something you have to be aware of and work around.

Re: How to remove popup/tooltip like "Cannot be blank"

deeptyranjan — Tue, 02 Jun 2009 14:44:05 GMT

Hi,

I was just trying to modify the look n feel of tool tip text.

It worked fine within Infopath environment. But failed to work when i published it to web based form librray.

The look n feel remains as it is.

Re: How to remove popup/tooltip like "Cannot be blank"

warrtalon — Fri, 09 Jan 2009 06:38:36 GMT

YOu don't have to use an image for an asterisk - it's just shift-8 and is very easy. This method also keeps the user from getting an error post-submission, which can be very disconcerting to a normal user, because it's not obvious what the error is nor what to do to fix it. I prefer to take care of it all within the form before the person can even try to submit (only referring to required fields, not data validation).

Re: How to remove popup/tooltip like "Cannot be blank"

cali_kid — Fri, 09 Jan 2009 06:34:34 GMT

Manually adding those images can be time consuming and painfull!

To use validationn without having to manually place an asterix img beside any of the form controls. I've discovered a quirk that allows you to remove the annoying popups, remove the DIV error style sheet, and allow validation to work with in forms that are client and browser enabled. All validation routines work perfectly. There's no need to run conditions in the background.

Anyone want to know how?

Re: How to remove popup/tooltip like "Cannot be blank"

warrtalon — Thu, 08 Jan 2009 23:04:50 GMT

Grobinson,

Since the vast majority of my forms are browser-enabled, and since both the "Cannot be Blank" and Data Validation messages are extremely annoying in browser mode, I don't use either. What I use is a back-end validation method that uses conditional formatting to disable my submit button until all required fields are completed or are properly filled out. I manually place red asterisks next to the LABEL instead of in the control box, and I place an obvious message saying that all fields with red asterisks must be filled out in order to submit. This helps me avoid two things: annoying popups that get in the way, and my users never get an error after clicking submit (because they can't even click it unless it's a valid form).