Flex builder design tab

hi, i am having this problem of not able to use the design
tab anymore :(
i have created a few mxml, with codes, visual components such
as textarea etc. I used to be able to use the design tab to
visually design the layout, but suddenly i cant anymore.
the error given was.. "flex this component is based on
application, which is not a visual component. switch to source mode
to edit it."
how can i make use of the design tab again??

what i last did was to update the flex sdk. anyway i 'solved'
the problem by reinstalling flex builder...

Similar Messages

Custom Components and Properties in Flex Builder Design View

How do I create a custom component with custom properties
that renders well in Flex Builder design view?
This is a simple HelloWorld example of what I am trying
below. Here is the HelloWorld.mxml file:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="500" height="500">
<mx:Script><![CDATA[
[Bindable]
public var message:String;
]]></mx:Script>
<mx:Label x="100" y="100" text="{message}" />
</mx:Canvas>
And then when I use it in another mxml file, the design view
does not show the label with the 'Hello World' value - instead it
just shows {message} in design view where the label is located.
When I run it as a compiled app in flash, the 'Hello World' is
displayed correctly:
-- HelloWorldTest.mxml --
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
xmlns:views="mypackage.*" width="500" height="500">
<views:SimpleLine message="Hello World."/>
</mx:Canvas>

design view does not do any variable assignments or function
evaluations, so you won't be able to see it even if you don't use a
custom component.

Flex Builder Design View programmatic skinning

I am writing programmatic skins, by extending
ProgrammaticSkin class. If i apply these skins to mx:Button, i can
see the skin in Flex Builder design view. But when i style my
custom component with programmatic skins, Flex Builder design view
does not show the skin, though the skin is applied when i run the
application. Is there a way for me to write my custom classes
(class Node extends UIComponent), and apply skins, so that i can
see the skins in Flex Builder design view.

Actually I found the answer to my question. You can find it
in my blog.
programmatic
skinning in Flex Builder Design view

Sometimes the Flex Builder design window crashes

Sometimes the Flex Builder design window crashes in that when
you click on components, you don't see the usual outline transform
box out side the component you clicked on. Also things like the
toggle button bar doesn't switch the viewstack. I have no errors or
warnings in the problems windows.
Any ways round this?

Actually I found the answer to my question. You can find it
in my blog.
programmatic
skinning in Flex Builder Design view

Osmf sample with flex builder-design puzzle

Good Day,everyone!
It is my first time here.^_^
My puzzle:
I'm going to modify the design stytle of the OSMF example code with the flex builder 3,
but the former design frame cann't be viewed with the "design" tools. The warning indicates that
"Design mode:cann't load MediaPlayer.swc(reason:Error:Load Verify).It may require classes(such as Adobe AIR components)that are not supported by design mode."
I have checked everyting I can, and attampted so many ways,but it doesn't work.
Expecting for your suggestion!
Thanks a lot!
Good Luck！
xiaohui

Thanks for your immediate responding!
I have focused on the DynamicStreamingSample.
I am using the osmf_source_6.
My Flex Builder version is the latest, and the sdk is 3.4.
When I imported the project, I have recompiled the MediaFramework and MediaPlayer project. Meantime, I added the new .swc file in
the BuildPath. Is everything all right?
Excuse me?When I unzip the zip file of the source, I find the MediaFramework.swc in the directory the same as other directores such as
apps,docs,frame and so on.
Why is the MediaFramework.swc file here? Is it different from the .swc which is compiled with the MediaFramework project?
Expecting for your news!
Good day!

Flex Builder Problems Tab

Double clicking an error line in the "Problems" tab does not navigate to the offending line. The Path column is empty. I've tried "Clean". Could there be something about the way the project is organized?

Eventually I solved my problem. I deleted the project from the workspace, but not the underlying files. Then I imported it. Now it calculates the path and I can double click to navigate from the Problems tab to the problematic line of code.

Widget creation on Flex builder and related problems - need some help

Hi all.
I am trying to create a widget like application and it seems
I have made a mistake. As you know, desktop widgets are like small
stickers, they do not appear on taskbar and can be hidden or
docked.
The problem is that I created an AIR application using Flex
Builder 3 Beta and now I cannot find how to make that application
behave like custom-shaped window. My app appears on Windows taskbar
and I don't want it. When I drag the window (which is a custom
shape) it shows that nasty dragging rectangle around it.
As far as I found out (and tried it) I need to use cod like:
var initOptions:NativeWindowInitOptions = new
NativeWindowInitOptions();
initOptions.systemChrome = NativeWindowSystemChrome.NONE;
initOptions.type = NativeWindowType.UTILITY;
to hide my window from the taskbar. But it seems I cannot use
such a code for class mx:Application. Or can I (would be grateful
for some idea)?
The main question is:
if I want to migrate my app to that NativeWindow based
solution - then NativeWindow is not an mx class and I cannot find
how I will use Flex Builder Design mode to arrange my GUI elements.
Is it somehow possible to wrap my mx:Application inside
NativeWindow and do not have to migrate the design from mxml files
to pure ActionScript?
The second issue - if I want to use some kind of subforms -
like widget settings window - when I move that window with the
mouse, it is being clipped to the region of my Application. Does
that again mean that I need to use NativeWindow for creating such a
"Widget settings" dialog window?
Thanks for any ideas (and especially for useful links and
examples :-) )

Hi all.
I am trying to create a widget like application and it seems
I have made a mistake. As you know, desktop widgets are like small
stickers, they do not appear on taskbar and can be hidden or
docked.
The problem is that I created an AIR application using Flex
Builder 3 Beta and now I cannot find how to make that application
behave like custom-shaped window. My app appears on Windows taskbar
and I don't want it. When I drag the window (which is a custom
shape) it shows that nasty dragging rectangle around it.
As far as I found out (and tried it) I need to use cod like:
var initOptions:NativeWindowInitOptions = new
NativeWindowInitOptions();
initOptions.systemChrome = NativeWindowSystemChrome.NONE;
initOptions.type = NativeWindowType.UTILITY;
to hide my window from the taskbar. But it seems I cannot use
such a code for class mx:Application. Or can I (would be grateful
for some idea)?
The main question is:
if I want to migrate my app to that NativeWindow based
solution - then NativeWindow is not an mx class and I cannot find
how I will use Flex Builder Design mode to arrange my GUI elements.
Is it somehow possible to wrap my mx:Application inside
NativeWindow and do not have to migrate the design from mxml files
to pure ActionScript?
The second issue - if I want to use some kind of subforms -
like widget settings window - when I move that window with the
mouse, it is being clipped to the region of my Application. Does
that again mean that I need to use NativeWindow for creating such a
"Widget settings" dialog window?
Thanks for any ideas (and especially for useful links and
examples :-) )

Flex Builder 3, Design window not working

A few days into a new project, suddenly flex builder 3
crashed and I can no longer graphically edit my layout. Editing the
source works, and the changes are reflected in the design window,
however I cannot make changes while in the design window.
Help!

You can try to delete (not contents), then reimport your
project, or simply reinstall Flex. Takes all of 5 minutes. If that
still doesn't work, make sure you don't have some component
covering the others possibly.

Design view not working after importing project from Flex Builder

After importing a project from Flex Builder to Flash Builder I am no longer able to see anything in the design view. I am using the flex 4.5 sdk.
Any idea how I can get this design view working? I heard it could have something to do with the metadata directory but am slightly lost here?...
Adam

Could you please provide more information as to what exactly are you importing. Also does Design View not lauch at all or does it give errors. Would it be possible for you to share the logs.
Meanwhile you can try cleaning the workspace and importing again to see if that solves the issue.

I have a component like the following and it completely crashes the design view in flex builder

I have a component like the following and it completely crashes the design view in flex builder.I can see anything in the layout. Everything compliles fine and looks normal in the outline view. Any ideas whats wrong. If I remove the AdvancedDataGridColumnGroup's all looks fine
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel x="353" y="34" width="1159" height="505.7" maxWidth="663" allowDrag="true" allowResize="true" allowClose="true" allowMaximize="true" allowMinimize="true" resizeEffect="Resize" moveEffect="Move" close="parent.removeChild(this)" maxHeight="680" layout="absolute" title="Back office list" xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:AdvancedDataGrid id="deals" displayItemsExpanded="true" dataProvider="{tradesResult}" width="100%" height="373" sortExpertMode="true" variableRowHeight="true" headerStyleName="smallHeader" editable="false" fontWeight="normal">
        <mx:columns>
            <mx:AdvancedDataGridColumn width="75">
            </mx:AdvancedDataGridColumn>
            <mx:AdvancedDataGridColumnGroup headerText="Client side">
                <mx:AdvancedDataGridColumn dataField="Reference" headerText="Mon Ref" width="60" editable="true" wordWrap="true" showDataTips="true" textAlign="center"/>
                <mx:AdvancedDataGridColumn dataField="clientside" headerText="MC Pr" textAlign="center" wordWrap="true" width="70">
                </mx:AdvancedDataGridColumn>
            </mx:AdvancedDataGridColumnGroup>
            <mx:AdvancedDataGridColumnGroup headerText="Bank side">
                <mx:AdvancedDataGridColumn dataField="bankDealRef" headerText="Bank Ref" width="70" editable="true" wordWrap="true" dataTipFunction="dataTipFuncNotes" showDataTips="true" textAlign="center"/>
                <mx:AdvancedDataGridColumn dataField="Premium2" headerText="Bank Pr" width="55" editable="true" wordWrap="true" showDataTips="true" textAlign="center"/>
            </mx:AdvancedDataGridColumnGroup>
        </mx:columns>
    </mx:AdvancedDataGrid>
</mx:Panel>

Nikos,
When using grouped columns you should change the <mx:columns> to <mx:groupedColumns>, I ran this example in a sandbox app and it works fine.
EXAMPLE:
<mx:AdvancedDataGrid id="deals" displayItemsExpanded="true" dataProvider="{flatData}" width="100%" height="373"
        sortExpertMode="true" variableRowHeight="true" headerStyleName="smallHeader" editable="false" fontWeight="normal">
       <mx:groupedColumns>
            <mx:AdvancedDataGridColumn width="75">
            </mx:AdvancedDataGridColumn>
            <mx:AdvancedDataGridColumnGroup headerText="Client side">
                <mx:AdvancedDataGridColumn dataField="customer" headerText="Mon Ref" width="60" editable="true" wordWrap="true" showDataTips="true" textAlign="center"/>
                <mx:AdvancedDataGridColumn dataField="product" headerText="MC Pr" textAlign="center" wordWrap="true" width="70">
                </mx:AdvancedDataGridColumn>
            </mx:AdvancedDataGridColumnGroup>
            <mx:AdvancedDataGridColumnGroup headerText="Bank side">
                <mx:AdvancedDataGridColumn dataField="revenue" headerText="Bank Ref" width="70" editable="true" wordWrap="true"
                    showDataTips="true" textAlign="center"/>
                <mx:AdvancedDataGridColumn dataField="cost" headerText="Bank Pr" width="55" editable="true" wordWrap="true" showDataTips="true" textAlign="center"/>
            </mx:AdvancedDataGridColumnGroup>
        </mx:groupedColumns>
    </mx:AdvancedDataGrid>
HTH,
Kenny Yates

Design Flex with Fireworks CS4 or Flex Builder?

I need help in making a process decision on how to build Flex
Apps going forward.
In the past, we have built the concept for our Flex app in
Photoshop and sent it over to our development team in India to
build. The process has been difficult because our engineers are not
designers and our designers are not engineers. Invariably we spend
alot of time bridging the gap between whats possible and what we
want to see in our Apps.
I want to bring our Design and Dev much closer together and
essentially take the GUI out of the hands of my Indian Developers
who choose to work in raw XML rather than Builder today.
To accomplish this goal, I will be training my US Design team
to become either Fireworks Experts or Flex Builder Experts....
(they are already Photoshop experts) This is where I need your
help. If you were starting from scratch with a talented design team
that could learn either tool, which one would you choose to
accomplish the goal? Does the Fireworks to Flex export create
crappy code like Dreamweaver thats tough to modify manually? Does a
"true" Flex developer despise Fireworks-generated code?
I have read up on the Fireworks>Flash Catalyst>Flex
Builder Path and dont understand the additional step... is Catalyst
part of Fireworks and thats how Flex code is developed or is it a
new code generation engine that does code better than Fireworks
CS4?
Thanks in advance.

Here's my recommendation:
I would suggest Fireworks for your Design team/ Flexbuilder
for your dev team.
Essentially, what Fireworks already has in terms of Flex UI
components (though a short list) is identical in theme (default
halo) AND output (mxml code) as you would expect from creating in
Flexbuilder alone.
You can then easily extend your designs with custom
components using the Fw Commands Export Flex Skins and they can be
imported to your Flex project using the CSS Designer.
As for Catalyst, this is a separate beast altogether. It's
merely meant to bridge designs (from design applications Ps, Ill,
Fw) and create usable components for complete animations.
A full tutorial/ video overview was just released a few days
ago here
http://blog.digitalbackcountry.com/2009/01/getting-started-with-flash-catalyst-tutorial/
As for how Fw fits into the Catalyst scheme of things,
designs you create can be exported to the FXG format that Catalyst
will use, if you want to use Flex and work with this format you
have to have the latest Flex SDK plugged into FlexBuilder 3 or Flex
4 will have full support for it.
Here is an older referebce to this scenerio (reference to
Thermo = Flash Catalyst and Gumbo = Flex 4)
http://www.mikechambers.com/blog/2008/08/28/getting-started-with-flex-4-fxg-and-flex-build er-3/
Hope this helps.
h

Flex 3 Design view disappears

I have recently downloaded Flex Builder 3 for a trial. I have
been happily exploring and building simple apps and suddenly I
can't see the design view in any project or application. When I
click the "Design" tab I see a grey blank area with no visible
components.I unistalled/reinstalled the product but the problem
remains. Am i overlooking something simple being a newbie or has
anyone else had or is havin tghe same problem.

try window --> perspective--> flex development

Is Flex Builder necessary to edit a flex application?

Hi, I made an swf application with Flex 3 Builder using mxml files. Now i've got to deliver the application to a designer in my division so I would like to know, if he wants to modify the application, does he have to use Flex Builder as well? Adobe CS3 wouldn't be enough?
I'm asking if he can modify the design as you do in flex builder in the design tab (drag drop component ...)
Thanks

Well, to answer your subject question, Flex Builder is not needed to edit the MXML or ActionScript code that makes up a Flex Application.
You can use notepad--or any text editor, and re-compile it against the command line SDK. There are also alternatives, FDT comes to mind as one. There is also a few Visual Studio plugins.
None of that addresses your real concern. As far as I know, there are no tools in CS3 [or 4] that will give you "Designer-style" access to a Flex Builder project.
It sounds like you want Flash Catalyst; however it is still in beta, and has limited support for the Flex 3 component architecture.

Flash IDE Components in Flex 3 Design Mode. Can they be visible there?

Hi,
Im exploring Flex to get a grasp on its concepts and am currently looking into building components in the Flash IDE. Though i guess its likely that when you're more familiar with Flex you build your components in Flex, like said Im exploring its concepts and like to know where and how the Flash IDE fits in its workflow.
I made a simple Flex Component in the Flex IDE, which shows up fine when I run the Flex project. But it does not show in Flex Design Mode.
I have exported the component from Flash as an SWC and added the SWC to the Flex library path. The symbol in the Flash IDE extends UIMovieClip. Now I read in 'Using Adobe FlexBuilder 3' (p.67) that the Flex Components panel only lists visible components, according to the documentation 'components that extend UIComponent'.
Note that my question is about being visible on the stage in Design Mode, not in the component panel. As UIMovieClip doesnt inherit from UIComponent (and the UIComponent class doesnt seem to be available in the Flash IDE), is this also the cause that the Flash IDE component is not visible on the Flex stage in Design Mode?
Can someone confirm, or deny this?
Regards,
Marcel

Hi Latha,
thanks for your feedback. Reading it back though, Im still not sure whether Flex components build in the Flash IDE (using the Flex Component Kit for Flash CS3) can be visible in Flex 3 Design Mode.Maybe you can be a bit more specific and save a lot of Flex beginners a lot of headaches.
I understand that MXML components can be used in Design Mode. I also understand that if your component is AS you have to create a Library and link that to your project to make them visible in Design Mode. I also understand that Flash Builder 4 does "support rendering of UIMovieClip objects which are in library (swc) and added to the project build path"
This actually doesnt answer my question really. Does this mean there is no way to render Flex components build in the Flash IDE (using the Flex Component Kit for Flash CS3) in Flex 3 Design Mode?
Regards,
Marcel

Flex Builder 3 Error: Unable to load SWC

Hi,
I am trying to use the YahooMaps component (YahooMaps.swc) in
my application. I have included it in the build path of my
application.
Steps followed:
1. Right-click on the project and choose Properties or open
the Project menu and choose Properties.
2. In the project properties dialog, choose Flex Build Path.
3. Select the Library path tab, and press the Add SWC...
button.
4. Selected the YahooMap.swc
I still get "Unable to load SWC: YahooMap.swc". It is an AS
3.0 component. Any help will be appreciated.
Thanks
Sumit

Hi Peter,
Thank you for your reply.
I have followed the documentation on the site you provided.
All I have done so far is:
1. Create a new flex project in Flex Builder 3
2. Once the project is created, I try to add the YahooMap.swc
to my Flex build path.
3. Once I add the YahooMap.swc, it fails with the error
"Unable to load YahooMap.swc" in Flex Builder 3.
4. FB3 does not recognize YahooMap when I try to import it in
AS3.
import com.yahoo.maps.api.YahooMap;
I am not sure what I am doing wrong. Does it have to do
something with the version Y! has used to build the YahooMap.swc
and Flex Builder 3?
Thanks
Sumit

Flex builder design tab

Similar Messages

Maybe you are looking for