Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Highlight/change format when mouseover

Avatar

Level 4

Hello,

I'm trying to change the effects of a field or subform when the user does a mouseover.  Using the mousEnter, I can make something disappear using:    this.presence = "hidden";    

But I can't seem to do the following:

this.fontColor = "red";

this.borderColor = "yellow";

I'm sure there's something obvious I'm missing.  Can anyone help me find a solution?

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi,

For colours, LC Designer uses the RGB, Red, Green, Blue colour space. See a post here which has links to online tools like Kuler: http://assure.ly/eF231M. This post looks at buttons, which if you look at the secondary buttons you will see the script that changes the font colour: http://assure.ly/eGGV6p.

this.caption.font.fill.color.value = "255,20,20";

Hope that helps,

Niall

View solution in original post

6 Replies

Avatar

Level 4

Using this syntax I can change an object's fill color:

this.fillColor = "200,000,000";

But it doesn't work for fontColor.  As an aside, is there somewhere that I can see a chart of the color-numbers for livecycle? I've found the #______ used in web development to not work.

Avatar

Correct answer by
Level 10

Hi,

For colours, LC Designer uses the RGB, Red, Green, Blue colour space. See a post here which has links to online tools like Kuler: http://assure.ly/eF231M. This post looks at buttons, which if you look at the secondary buttons you will see the script that changes the font colour: http://assure.ly/eGGV6p.

this.caption.font.fill.color.value = "255,20,20";

Hope that helps,

Niall

Avatar

Level 4

Thanks Niall.  I'm trying to change effects of multiple objects given a mousEnter event in the common area.  I've tried using a subform but this allows no mouseEnter/Exit events.  

So if I have a row of info: Title on the left, and some checkboxes extending to the right of the Title.  I'd like the user to have effects change even if the cursor goes in between the checkboxes.  Is this possible in LiveCycle?

Avatar

Level 10

Hi,

You could try and use the mouseEnter and mouseExit events in the checkboxes, but I'm not sure of this will give you the effect you are after.

Maybe you would be better off by giving an effect to the selected choice, to make it stand out more?

Niall

Avatar

Level 4

One last question on this topic:

I want to have a text field mouseover (since it allows scripting unlike text boxes). I got it so that it behaves like a textbox-got rid of the caption, set a default message, and changed it under Initialize:

this.access = "readOnly";

But restricting access to read-only of course then takes away the cpaability to mouse over it.  Any work arounds that you know of?

Thanks!

Avatar

Level 10

Hi,

I saw your other post and to be honest I think that you will end up over complicating the user's expereince.

If a textfield is read only, then you will not get the events to fire or tooltips to appear.

Niall