Implementing Tabs and Data grid together in Flex - apache-flex

I have a problem in my project.I want to implement Tab bar function under a drop down selection and when once tab bar is clicked it has to be navigated to a data grid.Can any body suggest me the proper direction to implement it.
Thanks,
Brenda

Use a tab navigator, add canvases as children to that navigator, put your datagrid on one of those children.

Related

How to make toolbar icons work like a tab?

I'm very new. Suppose I have a toolbar with 2 buttons: Foo and Bar. Is there a way to make each triggering a different "frame"? That is, the toolbar icons work like tabs. Should each trigger a new window by an on-click event?
Thanks
You can use QStackedWidget. It provides a way to have multiple widgets on each other where only one is displayed at a time (Like a QTabWidget). Here is an example :
self.stackedWidget = QtWidgets.QStackedWidget(self)
self.stackedWidget.addWidget(firstPageWidget)
self.stackedWidget.addWidget(secondPageWidget)
self.ayout = QtWidgets.QVBoxLayout(self)
layout.addWidget(stackedWidget)
setLayout(layout)
Now on each button click you can change the current page using setCurrentIndex.

Sencha Touch 2 adding buttons to toolbar/titlebars

Can anyone tell me how I might add buttons, or other components, to a title/tool bar without using the items array? For months I've been struggling to find a way to make the bar on all my views contain the same user buttons and icons.
It's a struggle mostly on List item detail views where only a back button shows. I want the back button but also own buttons on the same bar. This is so my app has a uniform look and accessible functionality across the entire build.
Toolbar and TitleBar extend Ext.Container.
In Sencha Touch containers always store their components inside the items array.
If you want to have a toolbar that always look the same just create your own by extending Ext.Toolbar. Use the initialize method of such extended Toolbar to add the buttons/icons.
To use it with a list you can create a wrapping container, which contains the extended toolbar and the list.

Flex form inside Pop up window - Tab (order) between forms not working

when user clicks on Add button, then a pop up button will be opened with certain form elements (like textinput, date field, text area).. When i used 'TAB' inside this form,it is not working. I found in couple of Questions / forums that we need to create an instance of FocusManager and then bring/activate focus for the pop up. But still i didn't see the tab working inside the form. In order to tab order working inside a pop up, what steps we need to follow.
I tried using focusmanager and property like tabfocusenabled, tabenabled and also added taborder inside each form element. But no luck.
Iam using Flash Builder 4.5 and using spark components for development.
Is there any workaround for this problem?
Thanks in Advance,
Regards
Srinivasan
Thanks for all your responses.
Finally the issue has been solved by one of my colleague. Problem is , the form has been loaded inside Horizontal accordion (flexlib HACCORDION). So inorder to draw focus inside the accordion to child elements, we need to add 'hasFocusableChildren="true"' for the HAccordion (horizontal accordion component). Adding this property solves the tab order problem.
I have also pasted the code below:

How do I create a "closed" Flex Accordian control?

I'm trying to create a navigation panel based on the Flex Accordion control. The 2 things I'm trying to figure out are how to:
modify the Accordion so that all of the of "panels" are closed by default. (normally one of the panels is open by default)
treat some of the Accordian headers as just simple buttons (ie you click and an event is triggered instead of an accordion panel opening)
Does anyone have any pointers on implementing these 2 items or know of any existing components that could yield this behavior?
Thanks!
Flexlib has CanvasButtonAccordionHeader, which would help implement the button functionality.
This SO question suggests starting with flexlib's WindowShade component instead, which might make the "none-selected" case easier.

Flex: Cannot tab between controls on a modal popup

Steps to reproduce:
Create a modal popup to popup with popupmanager (mine is a group with a skinnable container inside of it)
Put field components (textinputs) on the modal popup
Attempt to tab between controls
Tab switches to controls behind the modal-popup and ignores the fact that the modal is there. The tab loop only contains controls behind the modal.
I've tried everything from setting tabChildren, to hasFocusableChildren. I can't implement IFocusManager as it's Halo and my modal is a Spark group, but would that work in some capacity? It really seems like Flex just ignores the modal in its focusmanager.
This is not a bug, I'm assuming it's by design.
Group is supposed to be a lightweight container -- just for grouping things together. Group does not implement the IFocusManagerContainer interface.
SkinnableContainer (or more correctly SkinnableContainerBase) implements that interface, and that's why tabbing works when you use it w/PopupManager.
Solution can be found here (if you want to use a Group):
http://googolflex.com/?p=650
Can you try using TitleWindow instead of group with a skinnable container? We use TitleWindow all the time and it does tab correctly.

Resources