Welcome, Guest

TOPIC: Validation Message styling/behavior?

Validation Message styling/behavior? 26 Nov 2012 16:26 #5641

gdpodesta
Offline
Senior Member
Posts: 75
Thank you received: 8
Karma: -42

I've put in text for all the fields on my view, and when it is displayed, ALL of the messages are displayed at the same time, and in most cases, overlapping. This makes it difficult to read them, and I didn't even realize that clicking on them would hide them, so it's doubtful that a typical user would know that.

Is there somewhere in the code that I could add/modify to have the Informational messages appear only on focus?

The administrator has disabled public write access.

Validation Message styling/behavior? 26 Nov 2012 16:46 #5642

VeCrea
Offline
Platinum Member
Absolute JCook fan
Posts: 473
Thank you received: 100
Karma: 30

Hi,
Styling happens :
In your administrator/components/your_component/css/validationEngine.jQuery.css
In your administrator/components/your_component/js/jQuery.validationEngine.js

In the second one, you have the possibility to choose the position of the popup (i prefer CenterRight), the fact to have an arrow displayed or not, and possibly the behavior itself. Never tried this but should be possible with modification of line 1707 (of my file) with

		validationEventTrigger: "blur",

Let me know what happens

The administrator has disabled public write access.

The following user(s) said Thank You: admin

Validation Message styling/behavior? 26 Nov 2012 16:47 #5643

VeCrea Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100 Karma: 30	and maybe this, a couple of lines lower autoHidePrompt: false, // Delay before auto-hide autoHideDelay: 10000,
	The administrator has disabled public write access. The following user(s) said Thank You: admin

Validation Message styling/behavior? 26 Nov 2012 17:05 #5645

gdpodesta Offline Senior Member Posts: 75 Thank you received: 8 Karma: -42	Sorry, I may have mis-stated what I meant - the "Message" I'm referring to is the informational one that would be used to describe what is expected in the field. In my case, they all appear in a green "bubble". I think your answers are about the validation error message. I'm quite lame when it comes to some of the fancy jQuery, so forgive me for the newbie mentality
	The administrator has disabled public write access.

Validation Message styling/behavior? 26 Nov 2012 18:27 #5646

JoomGuy
Offline
Moderator
Joomla Enthusiast, Lover of Cooking
Posts: 1115
Thank you received: 195
Karma: 64

Hi @gdpodesta,
gdpodesta wrote:

Sorry, I may have mis-stated what I meant - the "Message" I'm referring to is the informational one that would be used to describe what is expected in the field. In my case, they all appear in a green "bubble". I think your answers are about the validation error message.

Yes, @VeCrea was correct in your requirements...VeCrea wrote:

Styling happens :
In your administrator/components/your_component/css/validationEngine.jQuery.css
In your administrator/components/your_component/js/jQuery.validationEngine.js

Check out the screenshot:

It displays me having right-clicked on the green message to view the element's style information. As you can see (full screen), the source code beneath the admin page are the div id's and classes that you will find in your .css file (in VeCrea's msg above). With a bit of css modification you can place them where you like. Also, as VeCrea suggests,VeCrea wrote:

and maybe this, a couple of lines lower

autoHidePrompt: false,
		// Delay before auto-hide
		autoHideDelay: 10000,

You could change the delay properties of the box too...

Also, where VeCrea suggests making the modification:VeCrea wrote:

validationEventTrigger: "blur",

You might try focus instead of blur which should make the message appear only when the user enters (focuses on) a field.

For more help with jQuery related stuff, I would suggest checking out their docs: docs.jquery.com/

Hope this helps,

Gez

Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!!

The administrator has disabled public write access.

The following user(s) said Thank You: admin, gdpodesta

Validation Message styling/behavior? 26 Nov 2012 18:33 #5647

VeCrea Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100 Karma: 30	In the js file i was refering to, check for the "pass" or the "green" word (simple search in your ide) to find out why, where or when the green bubble appears. Come back if you need more help, but try to find out by yourself, it's the best way to learn.
	The administrator has disabled public write access.

Validation Message styling/behavior? 26 Nov 2012 19:56 #5648

JoomGuy Offline Moderator Joomla Enthusiast, Lover of Cooking Posts: 1115 Thank you received: 195 Karma: 64	This older post may help you too! www.j-cook.pro/forum/10-templating/3668-templating-with-20#3748 Gez
	Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!! The administrator has disabled public write access.

Validation Message styling/behavior? 27 Nov 2012 20:18 #5661

JoomGuy Offline Moderator Joomla Enthusiast, Lover of Cooking Posts: 1115 Thank you received: 195 Karma: 64	@gdpodsta Did you manage to progress with this? Gez
	Need help with your Cook/Joomla Project? . PM me to find out what I can help with. NO time wasters please!!! The administrator has disabled public write access.

Validation Message styling/behavior? 30 Nov 2012 13:14 #5694

gdpodesta Offline Senior Member Posts: 75 Thank you received: 8 Karma: -42	Thank you good sir...agreed on how best to learn, been doing it that way for most of the last 20+ years, lol. My challenge seems to be separating what is Joomla, what is Cook, and in this case what is jQuery, lol. And don't get me wrong, i LOVE cook, but withe "Beta", and without a reference guide, I'm never quite sure if its expected behavior or not, and then where to start looking.
	The administrator has disabled public write access.

Validation Message styling/behavior? 01 Dec 2012 18:37 #5702

VeCrea Offline Platinum Member Absolute JCook fan Posts: 473 Thank you received: 100 Karma: 30	Well you know there will always be a place when you can start asking questions here
	The administrator has disabled public write access.

Validation Message styling/behavior? 02 Dec 2012 09:17 #5708

admin Offline Administrator Chef Posts: 3711 Thank you received: 987 Karma: 140	Thank you VeCrea. K+
	Coding is now a piece of cake The administrator has disabled public write access.