Flex :: Difference Between ViewStack Container And Canvas?
Dec 9, 2009What is the main difference Between ViewStack Container and Canvas?
View 1 RepliesWhat is the main difference Between ViewStack Container and Canvas?
View 1 RepliesI have a viewstack container w/ 3 views: red, black, and blue. How can I completely hide the black & not include it?
[Code]...
In my flex project i used one option like Link button . If i like it will be open new page contain more information and components . Which container is suitable one ? Where is used viewstack and stages ?
View 2 RepliesI am trying to add a container having some UI components as child in it to a canvas and also want to set the border size only using the action script without MXML,
1) is it possible to add the container that is a lower class in hierarchy from parent to child upward, can canvas addchild() accepts the container as child ?
2) how to set the border of both the canvas and the container ?
i need to do this in action script i have tried but nothing comes out here is the [code]...
I'm having a serious issue when trying to display a FlareCanvas within my application. It simply doesn't respect the bounds (see image here)
I've tried "clipContent" and a bunch of alternatives but nothing seems to prevent the canvas of being "passing" over its container. What should I do? It is taking me several weeks!
[Code]...
I have a comboBox and values like basic and advanced. And viewstack container conatains 2 grids.When i select the base option in Combobox, the first grid has to be selected. select the advanced value in comboBox, the second grid has to be selected.
<mx:ViewStack id="viewstack1" width="95%" height="85%" x="0" y="63" >
<tables:KeyMetricsBasicTable basicArrayDataProvider="{basicArrayResult1}" width="100%" height="100%"/>
<tables:KeyMetricsAdvTable advArrayDataProvider="{advArrayResult1}" width="100%" height="100%"/>
</mx:ViewStack>
This is the sample code of what we are using in my project The way which we are using to apply effect when using removeAllchildren from viewstack.Requirement is when i click on second button the canvas which i was created dynamically has to remove with wipe up effect how can i put effect with using removeAllChildren method.
View 0 RepliesI have a tabbar whose dataprovider is a viewstack and the viewstack contains a group of vbox containers. I am trying to hide one of the vboxes based on a certain condition but the tabbar still shows the corressponding tab for the hidden vbox. I set the visibilty and includeinlayout of the vbox to false but the tab still exists.
View 1 RepliesI have the following code in my flex project.
[Code]...
I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.
I'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...
View 2 RepliesIn a Flex Mobile project I have a simple itemRenderer where I'm trying to create an "bubble" texting effect, similar to ichat or iphone (just so you get what im going for). But if the text is longer than the screen it runs off, rather than just going down a line.
If I set Group thats holding the rectangle(to create the bubble effect) and the label to 100% it works and keeps it from exceeding the list containers bounds, BUT the group is always at 100% and looks bad, I'm trying to keep the "bubble" JUST AROUND the text.
Anyway so, at the top of my itemRenderer I tried specifying:
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%">
And here's my layout I figured since msg_container has a width of 100% I was hoping bubble_lable_group would just not exceed that but...it doesnt...it just runs off. I tried setting a max width but that does not allow you to input percents. And just to say it 1 more time. I know if i set bubble_lable_group width to 100% it works, and keeps it from going off the edge, but then the rectangle "bubble" stretches all the way across and just looks bad.
<s:VGroup id="main_container" horizontalAlign="left" paddingBottom="10" paddingTop="10"
verticalAlign="top" width="100%">
[Code]....
I've been searching for the last couple days but can't seem to find a basic example of what I'm looking for. I'm developing a Flex 4.5 app and in it I have a viewstack of 2 components that use some of the same services. Currently the only way I can get the app to correctly use the web services is by defining 2 different web services that use the same PHP web service file. For example: I have an app, and within it I have a viewstack with tab navigation of 2 components: #1) retrieve a list of all Salary Employees, and #2) retrieve a list of all Contractors. Currently to get it working I am defining a UsersTableEmployees webservice within component #1 and a UsersTableContractors webservice within component #2, but they both point to the same PHP class, and only differ in the arugment value I pass to them. Ie, getUsers("employee") and getUsers ("contractors"). Of course this is not best practice.
Searching StackOverflow and Google gives me many results about ColdFusion and MVC (example What's the best way to share data between components in Flex?), but I'm still confused. Can anyone here point me to a basic example (even sample MVC) and source code of an app that uses Zend AMF and allows different components to call common web services?
I have a loop that goes through data from a book and displays it. The book is not consistent in it's layout so I am trying to display it in two different ways. First way(works fine) is to load the text from that section in to a panel and display it. The second way is to create a new panel (panel creates fine) and then add collapsable panels(nested) to that panel. Here is the code from the else loop.
else if (newPanel == false){
// simpleData is just for the title bar of the new panel
// otherwise the panel has no content
[Code]....
The error I get is: ReferenceError: Error #1069: Property panel4.4 not found on components.readTest and there is no default value.
I have tried setting the "name" property instead of the "id" property.
I'm using a viewStack which have is property resizeToContent set to true. When I'm selecting a child higher than the viewStack, it's correctly resized, but when I'm selecting another child which is smaller, the viewStack isn't resized! What I want is that my viewStack get the height of the selectedChild each time.
though, the Adobe doc say :
If true, the ViewStack container automatically resizes to the size of its current child.
I've got a Flex 3 project.Does deep linking only work on viewStacks? (My project doesn't have any viewStacks). I'd like to use deeplinking based on what was selected in a comboBox. I'd like the user to be able to bookmark or use the back button based on what was selected in the comboBox.The comboBox selection determines which data is pulled from the database.Is this possible? I set-up deeplinking in another project, but it had viewStacks. And all of the deep linking examples that I've seen use viewStacks.
View 1 Repliesin main.mxml :
public function init():void
{
PopUpManager.createPopUp(this,login,true);
}
[Code]....
How can i selectchild of main.mxml's Viewstack from login.mxml ?
I have as good as finished a new project I'm working on now for a while, and I have this small problem coming up at the fine tuning.The area of concern is so I believe the ViewStack I'm using, but I'm not sure so here the details.I have several check boxes (4), and only one at all times can be selected to show off associated Radio Buttons as a Group of (6). No RBtn pre selected.With the selection of a check box I also make visible a new Radio Button Group of (4). No RBtn pre selected here either.Now if I select one of the RBtn (6 - each has a different Paper size measurement showing) then I can view through a external Xml data file details as Size, basePrice and the totalPrice which is in this case the same as the basePrice!
This totalPrice is located on the first Canvas/Label in the VStack!Selecting any of the first three (3) of the second RBtn Group (4) No RBtn pre selected either! - it will show me a Paper type description, and by selecting the fourth RBtn it will show me as well a field with the extra costs for a Canvas type, and it should select the second Canvas of the VStack with the totalPrice which is basePrice plus the extrasCost Canvas Price.Now the problem is that my second VStack Canvas/Label = totalPrice (basePrice +extraCost) is not showing up immediately! (It just shows blank canceling the basePrice out), and only if I select another of the six (6) RBtn! then it is showing the second vStack with the totalPrice (basePrice +extraCost). From here on everything works perfectly!I think that I have to mention that my RBtn Group are working in a function If / Else / If /Else configuration where both the Labels on both VStack Canvases are called up at the same time. So therefore both Labels should have data available which than should be viewed when the VStack changes?
I'm trying to figure out how to in as3 (not mxml) add views to a view stack.For example I have a view component like so[code]I've being trying to add it to a viewstack in the following way.[code]I'm aware I have to assign ID's but for now I just want to get the view in there
View 2 RepliesI want to know if I can use a tree and when and item in the tree is clicked the viewstack changes to that certain item?
View 1 RepliesMy Strucutre is like this.
<mx:ViewStack>
<mx:HBox>
<mx:Form>
[code]......
I have a ViewStack with 2 panels:
<mx:ViewStack id="viewstack1" height="243">
<mx:Panel id="gridPanel">
<mx:DataGrid id="grid" right="10" left="10" top="10" bottom="10" width="300" height="150" itemClick="showDetails(event)">
[Code]....
I want to have the user click a grid item in the first panel and then load the data in a panel in the second panel. I can grab the value of the index for the clicked item in the itemClicked handler, but how do I access the detailsPanel to set the values based on the row info from the Grid?
I want to add a component into a Viewstack dynamically in flex4. Like code below
[Code]....
But the code in comment doesn't play the effect. How can I implement it? Does the canvas have any hideffect or showeffect to Bind
I'm having problems creating dynamic tabs here's my code:
mxml:
<s:TabBar x="1" y="1" height="32" width="100%" dataProvider="{tabHolder}" chromeColor="#EF8B01"/>
<mx:ViewStack x="2" y="34" id="tabHolder" width="100%" height="214" creationPolicy="all">
<s:NavigatorContent label="Home" width="100%" height="100%">
<mx:Image x="6" y="8" height="181" width="402"/>
[code]....
tab wasn't added, what is wrong?
I am creating an flex Air project,so mxml file will run. I have circles in one Big circle at one side and will be same on other side.
Now how to drag any circle from any Big circle to other side. Or it could be like any two container having circles, then how to drag and drop circle?
For one circle i am able to do drag and drop.But I want one Big circle on left hand side and one big circle on right hand side .And small circles with class names will be in these big circles.Now i want to drag and drop those small circles in big circles.Big cicles should not move. Even i have tried this code in actionscript
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
[Code].....
But in this i want big circles should not move and small circles should only be dragged.
Suppose I have a ViewStack like this:
<mx:ViewStack id="s" left="5" right="5" bottom="5" top="0" width="100%" height="100%" creationPolicy="all" minHeight="0">
<mx:Repeater id="repeater" dataProvider="{dp}" height="100%" width="100%" minHeight="0">
<mx:Box id="bx" label="{repeater.currentItem.label}" width="100%" height="100%" minHeight="0">
<mx:Label minHeight="0" width="100%" height="100%" label="bob" />
</mx:Box></mx:Repeater></mx:ViewStack>
With a large number of items in the stack (each having a large number of panels, databinding, etc), this gets extremely slow. The Repeater seems to trigger creation of all children regardless of the creationPolicy of the viewStack itself.
I have a piece of software I'm working on that is using a viewstack with 3 canvases. With the change event I need to look for index 2 which is the last canvas when it changes to this canvas I need it to grab data from inputs from the previous two canvases.Within the viewstack events I've assigned the function change() to the event childIndexChange.
Here is the method:
private function change():void
{
[code].....
I have a viewstack with 3 items in it. Now my problem is that I want all these components to be of the same size. Its simply enough to do this manually but is there any other way of setting the size for all the components at once?
View 2 RepliesI'm trying to create a wizard that will guide a user through a lot of individual containers I have built. I have a main page that has many checkboxes for the user, each checkbox ties to a container. What I would like to have happen is once a checkbox is clicked it makes that container visible, then the next and back buttons when clicked only go to the next visible container; thereby leaving off any containers from the wizard that were not checked on the main page.
View 1 RepliesI'm having problems creating dynamic tabs here's my code:
[Code]...
I have a viewstack with two tabs.In one of them there is a data grid shows a list of notes. The other one is includes a form that can edit notes or crates new note. I want the user to be able to add new note or edit existing note when clicks an item in data grid. I mean when user clicks an item the viewstack must become editor.
View 1 Replies