Hovering effect...

Hi All,
Can anyboady throw some light how to implement Hovering effect using Hyperlinks in JSPDynpages....
Request you to send a sample code. Any suggestion would be appreciated and helpfull.
Thanks in advance,
Ravi

Hi Ravi
Please checj out this link:
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/8a41cee4-0601-0010-5fb3-d8e704f88817
It is a gud guide for portal...
Hope you find it useful
Avinash

Similar Messages

How to create hovering effect?

Hi Experts,
I have to create hovering effect in portal. I want to show top level navigation to the users. I want to remove detailed navigation from the portal.
When any user will put the mouse over the top level navigation, then detailed navigation should appear as the result of hovering.
Can you please let me know how I can acheive it?
Regards,
EP

Hi,
Settings for hover effect given below:
Use of hoover effect:
The hover effect allows users to mouse over a first-level tab in top-level navigation in order to see the tabs second level entries. This function is activated by setting a specific property of the Top-Level Navigation iView (com.sap.portal.topLevelNavigationiView).
Procedure
       1.      In the Portal Catalog, go to Portal Content ® Portal Users ® Standard Portal Users.
       2.      Right-click Default Framework Page (com.sap.portal.frameworkpage) and choose Open ® Object to display the page in the Page Editor.
       3.      Select the Top-Level Navigation iView and click Properties to display the iViews properties in the Property Editor.
       4.      From the Property Category dropdown list, select Show All.
       5.      Browse to the Hovering property and enter the value True.
       6.      Click Save.
The hover feature must be disabled in portals whose Accessibility flag is enabled.
Thanks
Mona
Assign points if helpful

Need to create a textinput with effects

I need to create a textinput with effects- it should show a blue icon infront of it when the icon is focused and the blue icon should fade afterwards. I am pretty sure I need to use skin but the problem is I have only two states with textinput control and not sure how I would use those to ensure a handling mouse hovering effect. Right now I am not able to create a custom component bacuae I have to modify the whole code wherever there is textinput control.
Thanks in advance.
Rachel

You might find this blog post useful: http://flexponential.com/2010/01/24/custom-focusskin-for-spark-components-in-flex-4/

Firefox 12 stops responding on load - no crash report or add-ons.

My firefox stops responding to any text or mouse inputs on every load. Menu's will work but the graphical response isn't normal. You don't get the hovering effect and clicking on the menu items has no response. The firefox button at the top remains in it's depressed "clicked" state, as if my mouse is still clicking it.
Browser bar only accepts the first letter of whatever I'm typing. However the auto-complete suggestions drop down as normal if I continue typing. Clicking on a suggestion or pressing enter after blindly typing the URL has no result. Firefox simply does not respond as with the menus above. The search box has the same response as the address bar.
Even stranger, if Firefox is left open in the background the memory use slowly climbs, as high as 1Gb used if left alone to run.
No crash reports or ID. Firefox closes cleanly using the "X" and/or alt+f4. Firefox loaded in safe mode with add-ons disabled behaves the same. Removed firefox completely (including directory deleted and registry purge) and reinstalled several times, no change. Both AVG Pro and Malwarebytes scans return clean.
Running Windows 7 64-bit, SP 1. Current updates, adobe and java.

See https://support.mozilla.org/kb/High+memory+usage
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

[Open discussion] About advanced features of building LV programs

Many of you probably know the "VIPM" program, it's a very useful "container" for managing VI libraries, install/uninstall/update them in a blink of an eye.
The latest version of the program was made in LV8.2.1
I 'm taking it as an example of "advanced LV programming" (I think it is).
I have some questions, I cannot figure out the tricks they used
( 1 ) See picture attached. How is it possible to pop up the little window on the low-right corner (VIPM Legend) ??? is there any trick?
( 2 ) How to do the "StatusStrip" object(bottom zone of window with "Ready...") ??? In MS Visual Studio it is an object buildt in the enviroinment
(3 ) The Ring menu with pictures inside, are they customed ring menu?
( 4 ) The black - pointed - circle upper right corner is a moving picture, when it's updating or checking something, it becomes black and rotate, so the user
understands the "busy state"
( 5 ) The search control string implements a "search on the fly" so that the elements in the table are updated (filtered, for example considering the "name" field) every new character you digit inside.
How to implement it? Fire and handle an event, something like "Search_button.typedChar" ?
( 6 ) The upper bar with the buttons... I think they just lay down thos buttons, it's not an "object" like in MS Office where you have a "toolbar" (actually many) and user can add/remove buttons etc....
A Labview limitation? Workaround?
( 7 ) And one more feature I've found:
I think that also the installation program was made in LV. I mean, as an entire application, WITHOUT using the Project->Build Specification -> new installer
wizard.
In fact I think they don't check and include the presence of LV runtime 8.2.1, they simply state it is required, while the NI wizard automatically build a "window installer compliant" sort of "package" with all the stuffs (runtimes, etc...).
When you run an installer made with wizard, it ensure the program is registered under your "Control panel -> add/remove programs" list (Win Xp).
VIPM is not registered there, so you unistall by running their "custom unistaller".
I think the default wizard is pretty "poor" , what do you think? If you run VIPM installation you can think "it would be impossible to do this with the wizard
installer". Seems they replicated the steps of installation manually, keeping total control where to copy link, files, etc....
I hope to hear opinions about these topics from experienced LV users that go beyond the simple use of what NI give us.
Thanks and have a nice day
Attachments:
Startup screen VIPM advanced controls.jpg ‏237 KB

Slyfer wrote:
Many of you probably know the "VIPM" program, it's a very useful "container" for managing VI libraries, install/uninstall/update them in a blink of an eye.
The latest version of the program was made in LV8.2.1
I 'm taking it as an example of "advanced LV programming" (I think it is).
I have some questions, I cannot figure out the tricks they used
What some may call tricks, I call, working with the tools at hand to get the job done. All of the development was done in pure G. No DLL's or ActiveX required. I'd also like to say that I'm not the sole developer of VIPM. There were a few others at JKI, that contributed to its success. I was however deeply involved in the user interface implementation. The decision making process about how the software should look and feel was a team effort. Every button, menu item and graphic was a concious decision and had to be peer reviewed. Thank you for categorizing VIPM as an example of advanced labview programming. That means a lot to me and the VIPM development team.
( 1 ) See picture attached. How is it possible to pop up the little window on the low-right corner (VIPM Legend) ??? is there any trick?
User interface development sometimes requires a little knowledge in using graphics editing software. LabVIEW supports the use of *.png images on the front panel. PNG supports alpha blending and thus you can have images that appear to fade away or cast shadows. The legend is an indicator that has an image of a rectangle that casts a shadow. The window tracking is done by programmatically moving the indicator as the window resizes.
( 2 ) How to do the "StatusStrip" object(bottom zone of window with "Ready...") ??? In MS Visual Studio it is an object buildt in the enviroinment
This is simply a LabVIEW pane with a text box indicator.
(3 ) The Ring menu with pictures inside, are they customed ring menu?
You can do a lot of this stuff using the control editor. The ring doesn't have pictures inside it. It has pictures over it. Can you tell the difference? It doesn't matter how it's implemented but how it looks and feels. if it feels like it's inside the ring then it is.
( 4 ) The black - pointed - circle upper right corner is a moving picture, when it's updating or checking something, it becomes black and rotate, so the user
understands the "busy state"
LabVIEW supports animated GIFs. It's simply a matter of toggling between static and animated GIF. Again, knowledge of using a graphics program and how to create animated GIFs comes in handy here. There was a discussion on LAVA about this. Also over here.
( 5 ) The search control string implements a "search on the fly" so that the elements in the table are updated (filtered, for example considering the "name" field) every new character you digit inside.
How to implement it? Fire and handle an event, something like "Search_button.typedChar" ?
Dynamic events definitely help here. I mean, you can just register on value change and filter your list contents. Of course you need to program your filtering algorithm. Nothing is free in the LabVIEW world. Except the LabVIEW Wiki, the LAVA Forums and the Code Repository.
( 6 ) The upper bar with the buttons... I think they just lay down thos buttons, it's not an "object" like in MS Office where you have a "toolbar" (actually many) and user can add/remove buttons etc....
A Labview limitation? Workaround?
Yes, the buttons are laid down flat. It's not a toolbar... so? Toolbars are so yesterday and most people don't bother to configure them anyway. As another poster mentioned there is a better explanation on the hovering effect here.
( 7 ) And one more feature I've found:
I think that also the installation program was made in LV. I mean, as an entire application, WITHOUT using the Project->Build Specification -> new installer
wizard.
In fact I think they don't check and include the presence of LV runtime 8.2.1, they simply state it is required, while the NI wizard automatically build a "window installer compliant" sort of "package" with all the stuffs (runtimes, etc...).
When you run an installer made with wizard, it ensure the program is registered under your "Control panel -> add/remove programs" list (Win Xp).
VIPM is not registered there, so you unistall by running their "custom unistaller".
I think the default wizard is pretty "poor" , what do you think? If you run VIPM installation you can think "it would be impossible to do this with the wizard
installer". Seems they replicated the steps of installation manually, keeping total control where to copy link, files, etc....
I'm not sure if this is a compliment or a criticism. The installer was done using pure G. The main reason for this was that we wanted the installer to be cross-platform. The only other way was to use a JAVA based installer which we couldn't justify using. This is not to say that this won't change in the future. Everything seems to work fine right now and all users of VIPM already have LabVIEW installed so it's not a huge leap to ask them to make sure they have the proper LabVIEW run-time engine.
I hope to hear opinions about these topics from experienced LV users that go beyond the simple use of what NI give us.
Thanks and have a nice day
One last thing that people ask a lot about is the MCL in VIPM. An explanation of this is over here. If you want to soak in some more discussions on advanced LabVIEW programming topics I suggest to head on over to the LAVA Forums.
Michael Aivaliotis
VI Shots LLC

JSPDynpage problem...plz help

Hi All,
I hv a Strange problem facing with Portal Component Project. I hv created Portal Component Project with two JSPDynpages :
JSPDynpage1 - hving one Hyperlink Text
JSPDynpage2 - Plain text and Images
Whenever User clicks on Hyperlink in JSPDynpage1 will navigate to other JSPDynpage which show only plain text and images.
I hv used following h ref to navigate from one to other
href="http://someserver:50000/irj/servlet/prt/portal/prtroot/PDK
Project.JSPDynpage"
I hv created an IView based on JSPDynpage1. Everything works fine. IView is
showing the Hyperlink and taking it to the next page. Finally I assigned this IView to page.....when the User clicks on Hyperlink it is prompting me give User Id and pwd.
Also, Hyperlink shows underlined eventhough when I don't point mouse at hyperlink. I want to get rid of this one.
Can anybody help me in this regards.... where I am going wrong. Any suggestion woudl be greatly appreciated and helpfull. Looking forward to your responses.
Thanks in advance,
Ravi Kumar.

Hi Ravi,
please check the permission property for the target iView: Right Click open -> Permissions. If you see the permission is only given for super admin or something like that then add the Everyone gorup to it and check on the End User checkbox. Save the permission set and then test to see what happens.
Regarding the line coming below hyperlink - I think you need to change the design of the link a bit in order to get the hovering effect.
Regards,
Shubho

Hover menu not resembling

HI,
When I try to get the hover on the workset in Runtime it is not working .But when i do the hovering active in development side it is showing the hover.What would be the problem behind this.Is there any correct procedure to get the hover visible when see it in the real time.
YOur help will be highly appreciated.
Thank you,
Regards,
Ramana.

Hi Raja,
Thanks for the helpful reply.
1.can you please tell in detail about how to apply the Hovering effect to the workset (i.e. on moving mouse over workset in the runtime the content i.e. a popup message should comeover it displaying the use of that workset.
2.After giving hover effect to the workset how to assign it the role.
These all should get effect in the runtime.
I hope you got my point.
Thank You,
Regards,
Ramana

Masthead and Hover Problem.

hi Experts,
There is a strange problem i am facing,
I have created the Hover Menu and also modified the Masthead layout.
Now the problem i am facing is, if i try to click on any link of Masthead, the hovering effect of the Menu is also observed in Masthead links and the layout of Masthed links get distorted.
Infact the hovering effect is observed on many other link in the portal eg:- tray menus, history option, back option.
Can anyone please help me on this ????
Points would be awarded to helpful answers.
Regards,
Sanjyoti.

hi,
Thankyou for all your replies,
I am facing problem in Masthead. When i implement the Hover Menu the links in masthead also shows hover effect.
Regards,
Sanjyoti.

Is it possible to have a hover effect easing out on multiple images when hovering on others?

Im trying to use four small images to create a large image by using a hover effect. However when i hover over an image for instance 3 of 4, after hovering over 1 and 2, number 1's ease-out effects snaps back to the background image, rather than continuing to ease-out. Which i do not want. Is it possible to have numerous ease-out effects working at the same time? Using CSS.

Could you show us a bit more of what you've done so far?
I'm not sure I understand the desired result.
Can you put your files online somwhere?
Thanks

How to create a rollover button effect in Captivate 7?

Hi,
I recently upgraded from Captivate 6 to Captivate 7 and am curious to know how I can create a rollover state for a SmartShape button. Basically, let's say I have a SmartShape being used as a button. What I want is to have the button have a glow effect and a shadow effect each time the mouse is hovered over it. Is there an easier way than having two objects on the slide -- one as the normal state and one the mouse hoever image. What I'm thinking is that the mouse hovered state image will have it's 'Visible in Output' set as unchecked and I can use an Advanced Action to show the object on mouse hover. Perhaps I can have the mouse hovered state image as a rollover SmartShape too?
Nonetheless, this looks like too much work. If I have 10 clickables on the page for which I want rollover effects, I would need to have 10 additional objects with their rollover states -- just seems like too much, but perhaps that's the Captivate way. Or I am I missing the obvious?
Any help would be appreciated.
Thanks,
Sean

Most people would say the easiest way to achieve what you are talking about would be to just create your own custom image button in a graphics editor and give the Over state image having the glow effect that you want.
If you decide to go that route, this tutorial describes the process of creating an image button:
http://www.infosemantics.com.au/adobe-captivate/create-custom-image-buttons
Another possibility is that you can use the Infosemantics Event Handler widget to trigger an Apply Effect action and use the Glow filter as the effect.
However, this may require some tweaking since it's not that easy to time effects that are applied via an advanced action.

Pop up effect on thumbnail

is it possible or how can you create an pop up effect when hovering the thumbnail for a slide show? enable the pop up while hovering the thumbnail rather than clicking on it
so when you place your curse on top of a thumbnail it shows the full picture on the slide

Hello,
It is not possible for a Lightbox as Lightbox is only triggered on Click and cannot be triggered to Roll-over.
However, as a workaround (if it suits) you can use some other Widgets like Basic/Blank or Thumbnail in Slideshow to achieve this effect (However it will not be a pop-up like Slideshow).
Regards,
Sachin

How would I achieve a "magnify" image effect on an image that is only visible on "hover"

I have come to understand that Adobe Edge Animate can now load external javascript script into projects. So I would like to use this feature to load a "maginfy/zoom" effect onto an image that will be revealed once a button is clicked on. To clarify the process I had in mind would go something like this:
1. There is a map the user can view
2. When a user hovers thier mouse over sections of the map a "callout box" would appear
3. Inside that "callout box" would be further information about that particular section as well as an image
4. When the user hovers over that image, it would magnify similar to this: http://www.elevateweb.co.uk/image-zoom/examples (see the "inner zoom" example)
I've tried loading the elevatezoom.js script into a project, but I don't quite understand how I would apply this effect to a "hidden" image. Most effects like this rely on external css styles, as well as specific "ID" names in order to call the function. Once the project is saved and published, when I try to view the HTML to add those "ID" names my images are not viewable.
Would someone mind helping me with this? I'd be most grateful.

I actually found a solution just as I was checking your replies. Thank you so much for the help though. I ended up getting zoom.js to work within the project.
This is what I used:
//compositionReady
yepnope(
          nope:[
          'js/jquery.zoom-min.js',
          complete: init
$(document).ready(function(){
    $('img')
        .wrap('<span style="display:inline-block"></span>')
        .css('display', 'block')
        .parent()
        .zoom();
function init() {
var image2 = sym.$("image");
image.zoom({url: 'images/image.png'});
After added the external scipts (jquery-1.7.1.min.js, jquery.zoom-min.js) I was able to get the magnify effect to work on a image that is revealed upon hover. I've uploaded an example for anyone who would want to do this as well.
Dropbox link: Dropbox - edge-zoom.zip

How do I create a magnifying glass zoom effect?

I'm building an image 'showcase of work' website site. Each html page features a selection of thumbnails on one side linked to a main image on the other. I am trying to find out how to create something like a zoom effect 'magnifying glass' so that the user can hover over the main image to zoom in within a confined circle or square in more detail, which moves with the mouse whilst hovering over the image. I'm sure you all know what I mean! (just in case, please see attached html file showing the page layout) (I also don't want to get too techy/over complicate things as I'm learning as I go). I want to be able to use this feature throughout the site, therefore, I guess it's another CSS rule that I need to apply...?
I'm hoping someone can point me in the right direction to find some sort of step by step 'how to' do this. I can't seem to find just what I'm looking for... maybe I'm not calling it by the right terminology!
I'm currently using Design Premium CS4 (predominantly Dreamweaver, Photoshop and a little Flash)
Cheers....

Hi
Magiczoom and lightbox are used for showing enlarged versions of images etc. similar to using a separate pop-up window (but without the annoyance of pop-up windows).
Anythingzoomer is a magnifying glass effect and works as such.
PZ

XFWM (XFCE Window Manager) hover effect for inactive windows

I use XFCE and its window manager, XFWM, and I quite like it. The only little thing that XFWM does not do, and that I really would have liked, was a visual effect: When hovering titlebar's buttons, there is usually a little effect. It's just a visual thing, but it also "confirms" which button you're about to click, and - maybe as a Windows user - I'm used to it, and to rely on it to check responsiveness and whatnot.
Anyways, while XFWM does support such a thing (depends on your theme, actually), it does so only for the active window. Inactive windows, or their decorations/button, will not react to mouse hovering. So I looked into it, and while this isn't supported by XFWM, it's quite easy to change it.
So I did, if anyone is interested the modified source code is available on this BitBucket repository, and you can also find a PKGBUILD in the AUR.

You should submit this upstream! Looks like a nice feature to add, imo

Trying to do this cool hover effect with CSS only...

I've got 'img' thumbnails that are sometimes positioned
absolutely,
sometimes relatively, but aren't individually contained in
anything, like so
<a href="#">
<img src="image1.png" width="100" height="150" border="0"
class="tn" />
</a>
<a href="#">
<img src="image2.png" width="100" height="150" border="0"
class="tn" />
</a>
Now, I've already brought up the limitations of PNG on IE
(namely, even if
you "fix" PNG support on IE, IE will flatten your alpha
channels and strip
the individual pixels' transparency levels before overriding
them with a
single common attribute). This limitation makes it impossible
for me to do a
simple 90%-to-100% hover effect to "highlight" the thumbnail
on mouseover.
Micha recommended placing normal a highlighted versions of
the same
thumbnail inside and outside the viewport, and swapping them
on mouseover.
However, that would double the amount of image data being
sent to the user.
So what I thought to do, instead, is superpose a standalone
PNG of a small
spotlight, OVER the original thumbnail, on hover. Because it
would be the
same PNG being superposed over each thumb being hovered over,
the amount of
image data being sent to the user wouldn't be all that
different.
Would I need javascript for this, or can it be done with CSS
only?
Again, it would be the same spotlight.png file being
superposed on images on
mouseover, and it wouldn't be a big deal if the image bled
over surrounding
images (it would actually make it look more real).
Thanks.

say wha???
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Nobody can disagree with that analysis, but a LOADING
page would do
nothing
> to help with this, doncha know?
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "Nancy O" <[email protected]> wrote in
message
> news:[email protected]...
> > Sprite images are a tad smaller in filesize than
the sum of their
> > individual
> > parts. As you say, Murray, it's marginal. But the
real *efficiency*
> > comes
> > from fewer server requests to load multiple images.
Once the sprite has
> > loaded, there is no perceivable delay on hover - as
there often is with
> > conventional image swapping. Finally, since the
substitution effect is
> > pure
> > CSS, there's no need for JavaScripts which can add
weight to a page.
> >
> >
> > --Nancy O.
> > Alt-Web Design & Publishing
> > www.alt-web.com
> >
> >
> > "Murray *ACE*"
<[email protected]> wrote in message
> > news:[email protected]...
> >> By their nature, sprites are larger
dimensionally than the individual
> >> images, so the savings would be marginal, I
think. What I mean by that
> >> is
> > a
> >> simple rollover sprite would be the same size
as the combined up and
over
> >> images, placed adjacent to each other, no?
> >>
> >> --
> >> Murray --- ICQ 71997575
> >> Adobe Community Expert
> >> (If you *MUST* email me, don't LAUGH when you
do so!)
> >> ==================
> >>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
> >>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> >> ==================
> >>
> >>
> >> "Nancy O" <[email protected]>
wrote in message
> >> news:[email protected]...
> >> >< Micha recommended placing normal &
highlighted versions of the same
> >> > thumbnail inside and outside the viewport,
and swapping them on
> > mouseover.
> >> > However, that would double the amount of
image data being sent to the
> >> > user.>
> >> >
> >> > Not if you use a sprite. Have a look at
this CSS Sprite Demo.
> >> >
http://alt-web.com/CSS-Sprite-Demo.html
> >> >
> >> >
> >> > --Nancy O.
> >> > Alt-Web Design & Publishing
> >> > www.alt-web.com
> >> >
> >> >
> >> >
> >> > "Mike" <[email protected]> wrote in
message
> >> > news:[email protected]...
> >> >> I've got 'img' thumbnails that are
sometimes positioned absolutely,
> >> >> sometimes relatively, but aren't
individually contained in anything,
> > like
> >> > so
> >> >> :
> >> >>
> >> >> <a href="#">
> >> >> <img src="image1.png" width="100"
height="150" border="0"
class="tn"
> > />
> >> >> </a>
> >> >> <a href="#">
> >> >> <img src="image2.png" width="100"
height="150" border="0"
class="tn"
> > />
> >> >> </a>
> >> >>
> >> >> Now, I've already brought up the
limitations of PNG on IE (namely,
> >> >> even
> >> >> if
> >> >> you "fix" PNG support on IE, IE will
flatten your alpha channels and
> >> >> strip
> >> >> the individual pixels' transparency
levels before overriding them
with
> > a
> >> >> single common attribute). This
limitation makes it impossible for me
> >> >> to
> >> >> do
> >> > a
> >> >> simple 90%-to-100% hover effect to
"highlight" the thumbnail on
> >> >> mouseover.
> >> >>
> >> >> Micha recommended placing normal a
highlighted versions of the same
> >> >> thumbnail inside and outside the
viewport, and swapping them on
> >> >> mouseover.
> >> >> However, that would double the amount
of image data being sent to
the
> >> > user.
> >> >>
> >> >> So what I thought to do, instead, is
superpose a standalone PNG of a
> >> >> small
> >> >> spotlight, OVER the original
thumbnail, on hover. Because it would
be
> > the
> >> >> same PNG being superposed over each
thumb being hovered over, the
> > amount
> >> > of
> >> >> image data being sent to the user
wouldn't be all that different.
> >> >>
> >> >> Would I need javascript for this, or
can it be done with CSS only?
> >> >>
> >> >> Again, it would be the same
spotlight.png file being superposed on
> > images
> >> > on
> >> >> mouseover, and it wouldn't be a big
deal if the image bled over
> >> > surrounding
> >> >> images (it would actually make it look
more real).
> >> >>
> >> >> Thanks.
> >> >>
> >> >>
> >> >
> >> >
> >>
> >
> >
>

Hovering effect...

Similar Messages

Maybe you are looking for