PDA

View Full Version : Mac style dock menu inside dataview



prajeesh_bs
9 Aug 2011, 2:42 AM
I have created a mac style doc menu using jquery. I need to load the menu items dynamically. So i thought of using extjs. Is it possible to produce the same effect inside extjs dataview. I did copy the html code

<div class="dock" id="dock3" style="visibility:hidden;"><div class="dock-container2"><a class="dock-item2 " href="#"><span class="dockComponentTitle">>icon1</span> <img src="images/fund.png" alt="home" id="fund2"/></a><a class="dock-item2 rank" href="#"><span class="dockComponentTitle">icon2</span><img src="images/rank.png" alt="contact"/></a></div></div>


which works in jquery into the tpl property of dataview. but this code
/* Fisheye menu effect*/
$(document).ready(

function () {

$('#dock2').Fisheye({
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 50,
proximity: 80,
alignment: 'left',
valign: 'bottom',
halign: 'center'
});

$('#dock3').Fisheye({
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 50,
proximity: 80,
alignment: 'left',
valign: 'bottom',
halign: 'center'
});

doesnt seem to work. Any solutions for this?