Hi,
when opening the modal panel from the exadel example or any similar code the browser scroll bar moves to the top.
(of course, in case that the browser scroll bars are already visible)
The reason is that the tag that generates the "open" action is a hyperlink pointing to #.
The RF example code:
<h:outputLink value="#" id="link">
Show Modal Panel
<rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/>
</h:outputLink>
The generated HTML:
<a href="#" name="j_id352:link" id="j_id352:link">
Show Modal Panel
<script type="text/javascript">Richfaces.componentControl.attachAvailable('#j_id352\\:link','onclick','#j_id352\\:panel','show')</script>
</a>
To remove this "undesired" effect:
Solution A
You could set in the h:outputLink the onclick to return false.
I mean:
<h:outputLink value="#" id="link" onclick="return false;">
Solution B (recommended)
RichFaces team has already though of that and RF provides the disableDefault parameter in the rich:componentControl.
So, just change your code to:
<h:outputLink value="#" id="link">
Show Modal Panel
<rich:componentControl for="panel" attachTo="link" operation="show" event="onclick" disableDefault="true" />
</h:outputLink>
Hope it helps,
Andreas Panagiotidis
Thanks for that post.. now we could just get links to it instead of writing that in corersponding questions threads
B.t.w. in future feel free to add such solutions desctriptions to RichFaces Knowledgebase