How to change the pixel position of the TabPanel extjs? - extjs

Can anyone please tell how to change the pixel position of the Tabpanel in extjs
Raj

the question is not clear, tell what you have done?
if you want to place your tab panel at center use a layout. if you are using border layout place it in center region. check http://docs.sencha.com/ext-js/4-1/#!/example/layout/border.html

Related

how to open window in west region of border layout?

I have a border layout implemented with West and Center regions. I've buttons in West region and ideally windows should open in center region. Can someone guide, how it shall be done? Do I need to specify 'renderTo' property somehow to open window in Center Region?
Using the window's showBy function, you can specify a component or element that the window will appear by. If you call window.showBy(center) with center being the component in the layout with the config region: center, you should see what you're looking for.
Here is a fiddle to illustrate one way of getting the center component from within the button handler

How to get width of scrollable area in extjs

I have a panel (Ext.Panel) with autoScroll = true. How to get the width of hidden area or get coordinates of point at panel in terms of scrollable space? For example, panel scrolled to the right. I need solution for ExtJs 3.4, but answers for ExtJs 4 will be interesting too.
In the case of a panel, the body is the scrolled element, so you'd need:
panel.body.dom.scrollWidth;

ExtJs wind direction chart

I want to create a wind direction chart, here is an example : http://www.windguru.com
But can't find how to draw arrows on a chart in ExtJs 4.
Thank you
One way would be to have an image for each direction of the arrow (say 12 different images)
In the grid, simply display an image in the cell
Use a template something like this:
<img src="/images/arrows/{direction}.gif">
and replace {direction} with a value from the store such as "NW" for north-west

How to make border layout center region infinite scrolling?

I am working in extjs4.And I have a task there I am going to work on border layout.I want to make my border layout center region get infinite scrolled i.e. it loading child components in center region at that time my footer goes on downward direction based on child components.How can I create this with border layout? Is it possible with border layout ? I worked and searched a lot on it but not getting solution.Please give me some suggestions...
Thanks in advance..
Yes it is possible.keep config scroll:vertical for the center panel.Can you properly interpret your question,I mean what your trying to achieve.I have understood only that you want a border layout with header,center and footer region.I mean where you are facing issue?

Grid with drag handles?

How can i make grid to behave like a window? I mean when you drag the borders you can increase or decrease the grid's height and width.
Thanks in advance :)
I am not sure to understand what you are trying to achieve here, but maybe if you to put your grid within another one and on the parent Grid, use a GridSplitter to resize the Child Grid. Here is a great example on how to use gridSplitters :
http://www.silverlightshow.net/items/Using-the-GridSplitter-control-in-Silverlight-2-Beta-1.aspx

Resources