troubleshooting Question

Add image in the reaize jauery ui layout

Avatar of Rocking
Rocking asked on
JavaScriptjQueryHTML
7 Comments1 Solution577 ViewsLast Modified:
hi,

I need to add image left and right arrow in the re size bar so that when the user click left it collapse to left and when user clicks on right collpases to right

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Layout Example</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://layout.jquery-dev.net/lib/js/jquery.layout-latest.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {

         // code to change the size of east pane
        $('body').layout({ applyDemoStyles: true }).sizePane('east', 500);

        // Code to change the content of north pane
        $('.ui-layout-north').html('some new content to replace...');
    });
</script>
</head>
<body>
<div class="ui-layout-center">Center
	<p><a href="http://layout.jquery-dev.net/demos.html">Go to the Demos page</a></p>
	<p>* Pane-resizing is disabled because ui.draggable.js is not linked</p>
	<p>* Pane-animation is disabled because ui.effects.js is not linked</p>
</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-south">South</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 7 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 7 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros