PDA

View Full Version : How to change position of Image icon to top in panel collapse



agarapati
4 Jun 2015, 9:11 PM
How to change position of Image icon to top in panel collapse. Below is the panel code i used
I am getting "Hide filter title" and :Arrow icon with direction on the right side of the panel as wanted. But I have requirement to change position of image icon to come first and Title next below the icon. I tried very possible scenario to interchange the positions of title and icon but not able to do that


{ xtype: 'panel',
title: 'Hide Filters',
titleCollapse: true,
collapsible:true,
collapseDirection:'left',
iconCls:'leftFacetsPanelIcon',
collapseMode:'header',
floatable: false,
width:191,
margin:'45, 0, 0',
height:380,
headerPosition: 'right',
items[{}]
}

joel.watson
5 Jun 2015, 3:45 AM
Hi--

Can you share a runnable example of what you're tried so far? https://fiddle.sencha.com

Thanks
Joel

agarapati
9 Jun 2015, 5:03 AM
Hi Joel,

Please find the Fiddle url https://fiddle.sencha.com/#fiddle/o9n,

the View code was in app/view/Home.js.

jdkhamba
11 Jun 2015, 5:47 AM
You are probably looking for something similar to this :

http://ext4all.com/post/how-to-change-collapse-tool-position.html

In your case, you might wanna fiddle with the "top" css attribute of the image.