Design View skin resolution

Hey there,
is it possible to get custom skins to appear in design view without creating a Theme?
My ultimate goal is to improve the design-time experience for a custom component that I have. The component extends SkinnableContainer and I have a skin file to go along with it. Component and skin live in the same project as the rest of the app, but different packages. We have several views, i.e. composite components holding chunks of the app. Almost everything in my 'views' will live inside of one of these custom containers. But since the skin is not getting resolved at design-time, I see the content, but not the surrounding look and feel defined in the skin.
Everything works at run-time.
1) First try, setting the skin Class in the stylesInitialized override
     override public function stylesInitialized():void
          super.stylesInitialized();
          this.setStyle("skinClass", HeaderContainerBSkin );
2) Assigning the skinClass in a global css file:
     cc|HeaderContainerB
          skinClass: ClassReference("components.sparkSkins.HeaderContainerBSkin");
It seems that the only way I can get the skin to appear is to explicitly set the skinClass on the control instance or through a style placed directly in the view that I am working in. Is there a Global way that I am missing? is it possible to have a css file sourced prior to any design view update?
But... I can't even get a custom button skin to appear in design view.
Please help.
Thanks,
Jeff

So it sounds like there is no way for a skin to be resolved at design-time if it exists in the the same project where you are making use of the control. Unless of-course you explicitly set the skinClass on the instance of the control. So even if you were to create a custom skin for a button and set it as the default skin for all buttons, it can never be resolved at design-time.
Unless I am missing something and you can have a package within a project compiled as a SWC just-in-time for the design view to display it. Something tells me this is not possible. What about a second project that contains the skins and is in the same workspace as the main project. Is there any way to make design view happy in that scenario?
I'm getting a little frustrated with the lack of support for Spark in FB4.
Any additional thoughts on this are appreciated.

Similar Messages

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

Design View not working with skins

Hey,
Excuses, I posted this question earlier in the "general
discussion" topic.
I'm using Adobe Flex 2. I have a pretty big project. If I
open it, design view works. If I close Flex and open the same
project again, design view wont work. There aren't any
error-messages or warnings given. I have been able to track te
problem down to graphical skins in a CSS declaration. I have to
erase them, to make Design View work. Then, I paste the code back
again. This is very inconvienent. Is this a normal problem,
inherent to how Flex works. Is there an other, easier way around?
Thanks in advance!
Knut Nidelven
Here is the code that does the damage...:
.topBar {
fontFamily: Arial;
font-style: none;
fontWeight: normal;
font-size: 12px;
upSkin: Embed('assets/button_top_up.png',
scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12");
overSkin: Embed('assets/button_top_over.png',
scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12");
downSkin: Embed('assets/button_top_selectedUp.png',
scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12");
selectedOverSkin: Embed('assets/button_top_selectedUp.png',
scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12");
selectedDownSkin: Embed('assets/button_top_selectedUp.png',
scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12");
selectedUpSkin: Embed('assets/button_top_selectedUp.png',
scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12");

VIEW | Style Rendering > Display Styles?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Ganda1f" <[email protected]> wrote in
message
news:f11lt2$sv9$[email protected]..
> Hi All,
>
> Design view does not render ( just plain text, no
formating ! ) in CS3.
> So I
> loaded the same file in DW8 ( installed on same machine
) & it works fine
> !
>
> Anyone have any ideas why ?
>
> html doc is lnked via this:
>
> regards, Dave P
>
>
> <style type="text/css">
> 
> </style>
>

Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

Already changed in different settings. Here is a screenshot when set to "Original Size".

In design view, how to change the white panel background so white text displays? (I keep having to go to Live view to see it)

When I'm adding white text it doesn't show up as the background input panel is white, and I keep having to go into Live view to see the paragraph spacings etc. Is there a way round this, other than changing the text colour in CSS to, for instance, black, and then changing it back before I upload the page?

Hi, and thanks, but it's my fault, I think I'm describing it wrong!
I've attached two screenshots from that area of the screen, one with the white text on the white background (showing as invisible) and the other where I've highlighted the text so you can see where it is. The background .jpg isn't a solid colour, it's a pattern, and if I added an equivalent pattern to the text area div, it wouldn't line up properly on all sreen resolutions, so that's why I gave that div a transparent background. When I go into Live view, the page displays perfectly, but in Design view I can't see to make amendments to the paragraphs etc.

Design view in FB 4.5 not working

I have multiple projects that when viewed in FB 4, show in design view perfectly. I have custom skinning and it all looks like it should.
I moved these projects over to FB 4.5, and they all look terrible. It basically makes the design view unusable.
I have a Flex 4 project with spark components and spark skinning which shows up correctly, but all my mx projects with classic mx skinning does not show up at all.
Suggestions?

Thanks for the info rangora!
I am trying to work with a tutorial creating a mobile twitter app
(http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/flex/articles/twitter -trends/build-first-mobile-flex-app.pdf)
Following the tutorial:..
Trying to connect the data service with the url he gives (http://search.twitter.com/trends.json)
returns 404 not found... URL changed since tutorial was made maybe? I dont know?
So went to twitter here (https://dev.twitter.com/docs/api/1/get/trends) and used this
(http://api.twitter.com/1/trends.json)
and was connected via flashbuilder test. ok good.
The tutorial has me set the name of the app in the properties dialouge under common as "twitter trends" then
continue on, and set debug configurations then run.
The app never connects..... and allways shows.. "Home View" as the title.??( I named the app twitter trends in the wizaed setup and in properties )
I am sure you can tell by now I am new to flash builder!
Also Red Circle with X in gutter.. shows within the view file's source page, (not the application File) stating--- "Cannot resolve attribute 'viewActive' for component type spark.components.View". this occurs after trying to insert viewActive="refresh()" into the <s:view> tag, in which the tutorial calls for this to be done to refresh the page view when using the "back control" in the app.(switching views)
4.5 returns red X error saying.. parse error.. must be inside <fx:declaration> tag... so I put it in there, and
4.5 returns error ... cannot follow <s: callresponder>.(which is inside the declaration tag) so I moved it between the </fx:script tag>
and the <fx:Declarations> tag> and still the same error statement....huh...it is not inside the declarations tag anymore and still in the s:view tag's scope, just lower in the page.
hoping to find some kind of answer to this.
"just trying to learn"
Thanks

Flash Builder 4 - design view - states basedOn + design area widget

Hello,
Since i updated my project from Flex 3 to Flash Builder (4), i have very annoying issues in the design area.
The one in Flex 3 was quite usefull, but the new version is not easy, and straight forward usable.
Here are the 3 issues:
- when i have states designed from another one, i use the basedOn mxml attribute, which was used in Flex 3 and still exist in SDK 4 states system.
But the designer view in Flash Builder don't take those basedOn properties in account!
What can i do? and is it a known bug?
- When i have at least one precific state, i must define a defautl state, in the new SDK. Ok, but in design view, i cant add a new component without making the change only for one state. I can only make the change for the default state, but it will not be taken in account for all the other states, like i can do in Flex 3.
What i want to be able to do this: making changes in design view without selecting ANY state.
Is it possible? How can i do?
- In flex 3, there were a design area widget to select the resolution used for the preview design.
It was very usefull when the application has very dynamic width and height.
In Flash Builder, this widget has been removed.
Why has it been removed? and how can i preview my mxml views wihtout changing width and height values?
Thanks.
Seb

The update has been improved in every other areas, so it is not that much important.
I just hope that the new release will fix that (as it has been answered to my post).
The only thing i don't like in new releases of FB is that when the architecture of SDK is aimed to seperate the work between design and code, they focused only on catalyst to create the tools to manipulate design, and they forgot to keep an easy way to do design app directly in FB (with the design view and the style properties of MXML in FB3). But i'm confident that they will give such a tool soon.
But for now, if you don't like the restriction of the new release, you can continue to work with Flex 3 for 0$! And even in Flex 4, you can create MX components for which the design view will work as before. The fact that tools can manage a mix between MX and Spark components is a great thing. It is up to you to choose which you need which its own advantages and drawbacks.
Xcode is real pain to use with outdated ergonomy. It is only usefull to code in Objective C which is another real pain to do.
XCode can be cheapper because all Apple products are quite expansive, so the software to create softwares for them can be much more cheapper.
And Apple get a good revenue share from AppStore, so again they can give a cheap soft to create apps. You also have to pay 100$ to be able to send app to appstore, in ly opinion the good price for XCode should be 0$, not even 80$!
Flash builder 4 is very stable, but if you don't like it, you can choose another tool. Main competitor has no designer at all!

Flash Builder 4 - Beta / Design view sporadic at best

Okay, so I have installed the beta, and running through the Catalyst / Flash BUilder 4 tutorial, all is well, unitl i try to get the imprted fxp file to consistently display in the design mode. Not only that, but switching from code view to design view will break it just about 95% of the time, and then it will not display the created items that the tutorial has you put on them (i.e. the databinds to the names, etc etc).
Has anyone else experienced this? Other than a few little things like this, so far so good guys(ADOBE).
Thanks,
Craig Newroth

eh_adobe wrote:
Please be aware that using a newer SDK with Flash Builder Beta's Design View may have unpredictable results. I can't say specifically since I don't know what version you tried and what your document contained, but... let's pretend for a second that the SDK changed something in a component - its name, its package, or any method or properties in it. Design View was compiled with a specific version of the SDK, and would not know about that change, and so might not react very well to the document. Yes this is not ideal, but it's hard to avoid when the SDK is changing rapidly (at some point it will settle down, and this won't be an issue). We can look at ways to mitigate this.
I have had less unpredicatable results with recent builds of the SDK the latest being build 7988- I basically update from the svn trunk every 2-3 days look through the changes run the checkintests just to make sure all is ok then see what happens to be small testbed apps, I have been doing this for several months. I don't mind the IDE not dealing with the changes as long as it tells me why it can't. But the code should not break the IDE. Also i'm getting a little confused as some of the responses to some issues (not the design mode one) in this forum have suggested seeing what happens with updated SDK's.
Anyway I have reverted everything back to a standard FB4 install and the first thing that happened yet another new flaw in design mode rears its head, no errors but this time a visually definable issue. The component appears as a 1 dimension line in the top left hand corner of the design editor window, not even on the design view working canvas. Attached is a screen shot and the associated code that caused it. Please note the IDE didn't draw the big red ring around the visual glitch so thats one less bug to worry about.
     the app.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
     <s:HSlider x="50" y="50" width="200" height="30" skinClass="skins.HSliderSkin"/>
</s:Application>
     skin part A.
<?xml version="1.0" encoding="utf-8"?>


<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
       minHeight="11" minWidth="100"
       alpha.disabled="0.5">
    <fx:Metadata>
    <![CDATA[
      * @copy spark.skins.default.ApplicationSkin#hostComponent
         [HostComponent("spark.components.HSlider")]
    ]]>
    </fx:Metadata>
    <fx:Script>
        /* Define the skin elements that should not be colorized.
           For slider, the skin itself is colorized but the individual parts are not. */
        static private const exclusions:Array = ["track", "thumb"];
      * @copy spark.skins.SparkSkin#colorizeExclusions
        override public function get colorizeExclusions():Array {return exclusions;}
    </fx:Script>
    <s:states>
         <s:State name="normal" />
         <s:State name="disabled" />
    </s:states>
    <fx:Declarations>
     
        <fx:Component id="dataTip">
            <s:MXMLComponent minHeight="24" minWidth="40" y="-34">
                <s:Rect top="0" left="0" right="0" bottom="0">
                         <s:fill>
                              <s:SolidColor color="0x000000" alpha=".9"/>
                         </s:fill>
                         <s:filters>
                             <s:DropShadowFilter angle="90" color="0x999999" distance="3"/>
                        </s:filters>
                    </s:Rect>
                    <s:SimpleText id="labelElement" text="{data}"
                         horizontalCenter="0" verticalCenter="1"
                         left="5" right="5" top="5" bottom="5"
                         textAlign="center" verticalAlign="middle"
                         fontWeight="normal" color="white" fontSize="11">
                </s:SimpleText>
            </s:MXMLComponent>
        </fx:Component>
     </fx:Declarations>
    
    <s:Button id="track" left="0" right="0" top="0" bottom="0"
              skinClass="skins.HSliderTrackSkin"/>
    
    <s:Button id="thumb" top="1" bottom="1" width="{hostComponent.height*1.5}" skinClass="skins.HSliderThumbSkin"/>
</s:SparkSkin>
     Skin Part B
<?xml version="1.0" encoding="utf-8"?>


<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Metadata>
    <![CDATA[
      * @copy spark.skins.default.ApplicationSkin#hostComponent
         [HostComponent("spark.components.Button")]
    ]]>
    </fx:Metadata>
    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>
    
    <s:Rect left="0" right="0" top="0" bottom="0" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
        <s:fill>
            <s:SolidColor color="0x4F4F4F" />
        </s:fill>
    </s:Rect>
     
     <s:Rect left="0.5" right="0.5" top="0.5" bottom="0.5" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
          <s:stroke>
               <s:LinearGradientStroke rotation="90" weight="1">
                    <s:GradientEntry color="0x000000" alpha="0" />
                    <s:GradientEntry color="0x000000" alpha="0.33" />
               </s:LinearGradientStroke>
          </s:stroke>
          <s:fill>
               <s:LinearGradient rotation="90">
                    <s:GradientEntry color="0xFFFFFF"
                                      color.over="0xE5E5E5"
                                      color.down="0x999999" />
                    <s:GradientEntry color="0xD8D8D8"
                                      color.over="0x7D7D7D"
                                      color.down="0x555555" />
               </s:LinearGradient>
          </s:fill>
     </s:Rect>
     
</s:SparkSkin>
     Skin Part C
<?xml version="1.0" encoding="utf-8"?>


<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Metadata>
    <![CDATA[
      * @copy spark.skins.default.ApplicationSkin#hostComponent
         [HostComponent("spark.components.Button")]
    ]]>
    </fx:Metadata>
    <s:states>
        <s:State name="up" />
        <s:State name="down" />
        <s:State name="over" />
        <s:State name="disabled" />
    </s:states>
     
    <s:Rect left="-1" right="-1" top="0" bottom="-1" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
        <s:fill>
            <s:LinearGradient rotation="90" >
                 <s:GradientEntry color="0x000000" alpha="0.55" />
                 <s:GradientEntry color="0xFFFFFF" alpha="0.55" ratio="0.8" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    
    <s:Rect left="0" right="0" top="1" bottom="0" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
        <s:fill>
            <s:SolidColor color="0xCACACA" />
        </s:fill>
    </s:Rect>
     
     <s:Rect left="0" right="0" top="0" bottom="0" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
          <s:fill>
               <s:SolidColor alpha="0"/>
          </s:fill>
     </s:Rect>
</s:SparkSkin>

Design View Issue Dreamweaver CS4 - Taking forever to load design view

I am having an issue where my site takes literally almost a full day to load in design view. Once it is loaded everything works seemlessly but once I close down Dreamweaver and reopen it, I have to wait another day to get to design view of my site. All files open just fine in code view.
I have deleted the Dreamweaver CS4 cache folder, completely formatted my drive and reinstalled creative suite. I have also validated my code on W3c and everything checks out fine.
The majority of my site is based off of a template, but even when I remove all the template references in the html files from Notepad I am still having the same issue. My site renders fine and quickly however on Explorer, Firefox, Chrome, and Safari.
When loading any other site off the web into Dreamweaver I do not run into the problem so there must be something wrong with how my site is set up. Either the Template file is no good or somewhere else I am falling short. Can someone, please, please, please ( I am begging) help me figure out what is going on here.
My index file is located at - http://www.thebluedot.net/index.html and the template file is located at - http://www.thebluedot.net/Templates/index.dwt
I have searched high and low and even made a post on this same topic about a month ago but never came up with a resolution to my issue. I had given up on finding a solution to this problem for some time, but I really need to figure out where I am going wrong here!
Additional Details -
I am running - Windows Vista Ultimate on a Core 2 Processor with 12 GB of Ram & Solid State Hard Drive. Everything on my system runs super smoothly except loading my site in Dreamweaver CS4 design view.
I really appreciate any help you can provide.

I have used CS2 Adobe GoLive to create and manage a website (pro-prosperity.com). Now, I have CS4 Dreamweaver. I got a new site set up on Dreamweaver using the site management facility. I then have the contents of website available locally on Dreamweaver. I can edit files. But the main home page, index.html, is not displaying on design view mode for editing, although it displays everything on live view mode. I have struggled for days and am not getting any difference in attributes of index.html and another .html that is displaying fine on design view and is editable.
I am really lost and am begging for any help. Can you, for example, copy the home page from pro-prosperity.com and display on design view and edit it? Please tell me what is in this file that is troublesome. Thanks.
The first thing you should do is to make sure that this feature is turned on (it's off by default):
View > Code View Options > Highlight Invalid Html
It's not perfect, but it will notify you of some problems. In Code View, there are many problems highlighted. Some of them don't make sense, but are triggered because of a problem with a parent tag.
Be sure to make a backup copy of your file before doing the next step. Close your page. Go to Preferences > Code Rewriting, and turn on "Fix invalidly nested and unclosed tags", "Remove extra closing tags", and "Warn when fixing or removing tags". Click OK, then re-open your page. The messages in the dialog to tell you what was changed. This allowed me to see your page in Design View (I am using CS5).
Note: I suggested that you reset your preferences to turn off those 3 settings as they can cause problems with some markup.
In the long term, I suggest that you avoid nesting tables wherever possible.
Hope this helps,
Randy

CS3 design view unreadable

I just upgraded to Dreamweaver CS3 from MX2004. I edit a web
page and all was OK with MX2004 but with CS3 the font size in
"Design View" is so small it is unreadable and uneditable.
Previewing or publishing the page in IE or FF and the font sizes
are normal.
I have seen others mentioning this problem on other
discussion boards but with no proper resolution.
How can I get "Design View" to display the proper size
without fudging the settings?

This is a code/usage issue. Without seeing your code, we can
only guess
what you have on the page that is making this happen.
CS3 is 2 generations further along in its support of
standards and best
practice usages. As a result it is much more reliably in
rendering of CSS
layouts than DMX2004 was. Along with this increased
reliability and
standards compliance comes a much heavier emphasis on VALID
code. DMX2004
was a bit loose in what it would tolerate. In many cases, it
would ignore
things that CS3 cannot. To know where you stand with this,
try validating
your page. Does it validate?
http://validator.w3.org
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"WizardOfZo" <[email protected]> wrote in
message
news:frr5hs$ep1$[email protected]..
>I just upgraded to Dreamweaver CS3 from MX2004. I edit a
web page and all
>was
> OK with MX2004 but with CS3 the font size in "Design
View" is so small it
> is
> unreadable and uneditable. Previewing or publishing the
page in IE or FF
> and
> the font sizes are normal.
> I have seen others mentioning this problem on other
discussion boards but
> with
> no proper resolution.
> How can I get "Design View" to display the proper size
without fudging the
> settings?
>

Design View Redraw problem

As I edit in the design view of my file and scroll down the
file to work on the content Dreamweaver CS3 fails to redraw the
screen - for instance when I bold a word. When I scroll all the way
to the top and back down the redraw occurs. This issue duplicates
in DW8. Switching from Code to Design View does not redraw. I have
tried numerous ideas to fix this and nothing helps. File is XHTML
Transitional.
Any help out there? This is KILLING me.
- Phil

Hi Will,
Your monitor size does not matter, unless it's very low resolution, big issue is the drivers they use and something like this is typical of driver problems. My son is gamer and he finds problems like this all the time, even between different versions of the the updated drivers.
If you don't want to update those drivers CR can not add code to work around a buggy video driver. You can always un-install them if they break something else.
You don't need the CD/DVD to do a repair install, go to Control Panel, Add/Remove Programs and select Crystal. It should give you an option to repair.
Thank you
Don

Design view grayed out

Hi
Design view is grayed out for build 13875 on a large project. When a component is dragged in, a white circle with a diagonal line appears (can't put it here indication). Design view is visible and works well on small projects, like button skins. Clicking the refresh button doesn't bring back design view. It's a drag working blind. Anyone else having this problem?
Thanks for reading.
Kearney

bump

CS4 Design view does not render CSS correctly but browser does !?!?

I am designing a layout using primarily CSS. I want to insert a table inside one of the div's. In design view the table gets pushed way out of position but in live view and on the web, the page looks correct. Why? Am I missing something in design view?
Here is the actual page I am working on Sample Page
Here is what I see in design view Design View
This glitch is making it difficult to add content to the table.
I tried to edit the page with Contribute CS4 and the table gets pushed so far out of position that it is impossible to access it. The page looks fine when I am connected but as soon as I try to edit it does not render properly.

This question comes up almost daily, and I dont recall seeing an answer that is much different. It comes down to that it does not matter what DV shows, it is the browser view that counts. How frustrating it is to spend time and effort to correct a view in DW Design, only to find out it throws your browser view all askew. Its hard enough to make x number of different browsers all look good with however many screen resolutions, to worry about something that in the end does not matter.....
Work more in code view, let F12 be your companion.
Gary

Design view not displaying

Hi there
I am very new to Dreamweaver working on an existing website.
I have one page that is giving me problems.The web page itself is displaying just fine.
In Dreamweaver, I am viewing with a split page, code on top and design on the bottom.
The design page is not showing up. The code is there, the web page is there, its just I can't see anything in the design section, except the top and side headers which are fixed in place.
If I switch to design only view, its the same.
Every other page is fine - I can see code and design - its just this one.
It's Dreamweaver 8.
Thanks
Jamie

Ok I just found the advanced icons and now have ny double >> button. So I have pasted in text, highted it all and selected hopefully it is plain syntax highlighting.
If you go to the webpage - http://unicredit.com.au/loans/home.html
There is the heading “No Home Loan Set Up fees: til March31.”
Then there is a bunch of copy and the circular pics start.
All that copy in between the heading and the circular pics is not in my design view.
ie my design view shows the heading “No Home Loan Set Up fees: til March31” and then the circular pics.
The web page shows it all, the code view shows it all, it’s just the design view that doesn’t.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">

<title>Unicredit / Loans / Home Loans </title>

<script language="JavaScript">

</script>
<script language="JavaScript" src="../mm_menu.js"></script>
<link href="../unicredit2005.1.css" rel="stylesheet" type="text/css">

<style type="text/css">

</style>

</head>
<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<div id="masthead">
<h1 id="siteName"><a href="http://unicredit.com.au"><img src="../images/Unicredit_logo_2011.jpg" alt="Unicredit logo" width="318" height="94" border="0"></a></h1>
<div id="headerNav1"><a href="../index.php" id="but_home">Home</a><a href="../aboutunicredit/contact.html" id="but_contactus">Contact Unicredit</a></div>
<br>
<div id="headerInfo1">
    <p align="right">ABN 90 087 651 901 :: AFSLN / ACL 244168 :: BSB 806036<br>
    The University Credit Society Ltd </p>
</div>
<div id="globalNav">
<a href="../savings/index.html" name="link11" id="link1" onMouseOver="MM_showMenu(window.mm_menu_1020224118_0,0,17,null,'link11')" onMouseOut="MM_startTimeout();">Savings & Investments</a>|<a href="index.html" name="link8" id="link2" onMouseOver="MM_showMenu(window.mm_menu_1203172153_0,0,16,null,'link8')" onMouseOut="MM_startTimeout();">Loans</a>|<a href="../services/index.html" name="link9" id="link5" onMouseOver="MM_showMenu(window.mm_menu_1203173138_0,0,16,null,'link9')" onMouseOut="MM_startTimeout();">    Services</a>|<a href="../access/index.html" name="link12" id="link6" onMouseOver="MM_showMenu(window.mm_menu_1203173411_0,0,16,null,'link12')" onMouseOut="MM_startTimeout();">Account
      Access</a>|<a href="../security/index.html" name="link10" id="link16" onMouseOver="MM_showMenu(window.mm_menu_1203173434_0,-40,16,null,'link10')" onMouseOut="MM_startTimeout();">Online
      Security Tips</a>|<a href="../aboutunicredit/index.html" name="link4" id="link7" onMouseOver="MM_showMenu(window.mm_menu_1203173737_0,-60,16,null,'link4')" onMouseOut="MM_startTimeout();">About
      Unicredit</a></div>
</div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
    <td width="150" background="../images/BGNavMid.gif"><div id="navcontainer">
      <h2>Loans </h2>
      <ul id="navlist">
        <li><a href="personal.html"> Personal Loans</a></li>
<li><a href="visa.html"> Visa Access</a></li>
<li><a href="car.html"> Car Loans</a></li>
        <li><a href="student.html">Student Loans</a></li>
        <li><a href="home.html">Home Loans</a></li>
        <li id="third"><a href="home_stdvar.html">  Standard variable</a></li>
        <li id="third"><a href="home_fixedrate.html">  Fixed rates</a></li>
        <li id="third"><a href="home_equaccess.html">  Equity access</a></li>
        <li><a href="visa.html">Visa Debit Card</a></li>
        <li><a href="mycard.html"> MyCard MasterCard</a></li>
        <li id="third"><a href="mycard_infoglance.html">  Information at a glance</a></li>
        <li id="third"><a href="mycard_qa.html">  Questions & answers</a></li>
      </ul>
</div></td>
    <td>
      <div id="breadCrumb">
        <p><a href="../index.php">Home</a> / <a href="index.html">Loans</a> /        Home Loans </p>
      </div>
      <h2 id="pageName">No Home Loan Set Up Fees:<span class="style43"> til March 31 </span></h2>
      <div id="content">
      <div class="feature">
        <table width="100%" border="0" cellspacing="0" cellpadding="5">
              <h2>6.60% Standard Variable<span class="style29"> (CR*) </span><br>
                or 6.05% Fixed for 1 or 2 years<span class="style37"><sup>3<br>
                </sup></span></h2><P>
              <p class="style44">Speak to a Unicredit Lending Consultant today on (08) 9389 1011 or book an appointment at our Nedlands Lending Centre or </p>
              <h2>
                <a href="https://www.unicredit.com.au/secure/loanapplication_befapp.html?loantype=Home Loan" target="_blank" class="style41">:: click here to apply</a></h2>
              <p class="style28"> </p>
              <h2><span class="style18">We're waiving home loan start up costs.</span><span class="style37"><sup>1</sup></span></h2>
              <p><strong>For a limited time Unicredit will cover your home loan start up costs. </strong></p>
              <p>As Unicredit is already a low cost lender, this will cover all standard Unicredit loan costs and fees - including property valuation<sup>4</sup> and Government Landgate costs. If you’re re-financing an existing mortgage, you will still have money left over to contribute to exit costs from the bank.</p>
              <p>The offer applies to all new home and investment loan applications, regardless of loan balance, for both new and existing members. <sup>1</sup></p>
              <p><span class="style18"><br>
                Why we can offer a better deal </span></p>
              <p>As a ‘mutual’ credit union, Unicredit is able to act in the best interest of its members.  Our award winning range of home loans are not available through mortgage brokers - so we don’t pay commissions. If you take this opportunity to move your mortgage, you will be joining 4.5 million Australians who choose to bank at a place which is not a bank at all... a place with all the products of a bank, but with a different attitude. As a member based organisation you can trust our motives, and know that we will be there for the long-haul.<br>
              </p>
              <p align="left"><span class="style18">Better personal service</span><br>
                Unicredit members have their own personal lending consultant, who can tailor your lending for the lowest possible cost and best flexibility for future plans. </p>
              <h5> </h5>
            <td align="center" valign="top"><p><img src="../images/HomeLoan/boxes-lady.jpg" width="184" height="184"><br>
            </p>
              <p><img src="../images/HomeLoan/house_Comesback.jpg" width="178" height="178"><br>
              </p>
              <p><img src="../images/HomeLoan/COmesBacklogo.jpg" alt="allComesBack" width="172" height="180"></p></td>
          </tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><p><img src="../images/HomeLoan/Pregnant.jpg" alt="ComesbacktoYou" width="191" height="183"></p>
              <p> </p>
              <p><img src="../images/HomeLoan/renos.jpg" alt="renos" width="199" height="192"></p></td>
            <td><p><span class="style18">Better standard variable rates</span><br> <swderew>
              Our loans can’t be simpler or more flexible. We don’t play games with our members or use complex loan structures to hide long-term rates and fees. Our aim is to be fair to all members.<br>
            </p>
              <table width="300" border="0" cellspacing="4" cellpadding="0">
                <tr>
                  <td width="120"><span class="style36">Unicredit </span></td>
                  <td valign="top"><span class="style27">6.60%</span></td>
                  <td valign="top"><div align="right" class="style17">6.60%<span class="style30"> CompRate</span>*</div></td>
                </tr>
              </table>
              <p class="story">Full service - free redraw<span class="style30">(2)</span> - no 'exit' fee - and No Ongoing Fees <br>
                  <br>
                compare that to the big banks' <span class="style17">Standard Variable Rates...</span></p>
              <table width="300" border="1" cellpadding="2" cellspacing="0" bordercolor="#000">
                <tr>
                  <td width="120"><P>ANZ</td>
                  <td valign="top">7.30%</td>
                  <td valign="top"><div align="right">7.40%<span class="style30">CompRate*</span></div></td>
                </tr>
                <tr>
                  <td width="120"><p>Commonwealth</p>
                      <p>BankWest<br>
                          <span class="style29">'Mortgage Shredder' </span></p></td>
                  <td valign="top"><p>7.31% </p>
                      <p>7.20%</p></td>
                  <td valign="top"><p align="right">7.45%<span class="style30">CompRate*</span></p>
                      <p align="right">7.26%<span class="style30">CompRate*</span></p></td>
                </tr>
                <tr>
                  <td width="120"><P>NAB</td>
                  <td valign="top">7.22%</td>
                  <td valign="top"><div align="right">7.35%<span class="style30">CompRate*</span></div></td>
                </tr>
                <tr>
                  <td width="120"><P>Westpac<br>
                          <span class="style29">'Rocket Repay' </span></td>
                  <td valign="top">7.36%</td>
                  <td valign="top"><div align="right">7.49% <span class="style30">CompRate*</span></div></td>
                </tr>
              </table>
              <p class="story style29">rates taken from banking websites as at 22/12//2011 </p>
              <p class="story style29"> </p>
              <p>As a special offer, you can choose to <strong>fix your mortgage </strong> at 6.05% (CR*) for 1 or 2 years<sup>3</sup> - or   split your loan at no additional cost : to lock-in that rate on part of the loan, but still allowing you to make extra repayments and free redraws.</p>
              <p> </p>
              <p><span class="style18">Better flexibility</span><br>
Life is never simple, so we make sure that our loans are flexible enough to deal with your changing financial needs. Unicredit’s best rate is on a simple standard variable product, which allows extra repayments at any time - and unlimited free redraws when you want to use those funds.<span class="style31">(2)</span> This can save you hundreds of dollars in interest and fees, by replacing the need for personal loans and credit card debt for the whole family. We provide the personal service to make this easy.</p>
              <p> </p></td>
          </tr>
        </table>
        <table width="100%" border="0" cellspacing="10" cellpadding="0">
        </table>
        <p><span class="style18">Unicredit’s professional lending service in Nedlands can customise your home or investment loan exactly for your needs.</span></p>
        <p>You can borrow up to 95% and keep your repayments low with the option of interest only repayments for up to 5 years. You can even split the loan between fixed and variable and make redraws at no cost. <span class="superscript">2</span>There are no ongoing fees for a Unicredit home loan and we’ll even provide a Visa Access card which can be used to withdraw cash at any ATM in Australia with no Direct ATM fees and no maintenance fees. <span class="superscript">1</span></p>
        <p><strong>PLUS - No ATM Fees on any ATM in Australia <span class="superscript">5</span></strong></p>
        <p><strong><span class="superscript"><br>
        </span></strong></p>
      </div>
   <div class="story">
        <h1>Home loans available </h1>
        <ul>
          <li><strong> <a href="home_stdvar.html">Classic Plus - Standard Variable Home Loan </a></strong></li>
          <li><strong><a href="home_fixedrate.html">Fixed Options Home Loan </a></strong></li>
          <li><strong><a href="home_equaccess.html">Equity Access</a></strong><span class="style17"><br>
       </span></li>
        </ul>
     <h3><br>
       Speak to a Lending Consultant – </h3>
     <ul>
          <li> You can speak to a Lending Consultant Monday to Friday, 8.30am to 4.30pm
            by calling Unicredit on (08) 9389 1011 or email <a href="[email protected]:[email protected]">[email protected]</a>.            </li>
       <li>You can also make an appointment with a Lending Consultant to discuss
              your loan requirements anytime during office hours. </li>
       </ul>
     <h3> <br>
       Family Equity Mortgage <span class="superscript">#</span></h3>
     <ul>
          <li> Unicredit offers first home buyers a low cost way into the property market, with little or no deposit by using equity in the family home - which can even help avoid costly Lender’s Mortgage Insurance.</li>
       <li><a href="home_familyeqmorg.html" target="_self">Find out more </a></li><br>
     </ul>
     <h1>Key Facts Sheet </h1>
<p>You can find this handy calculator on our 'Loan Calculator' page on this website. This facility allows you to input your desired loan amount and repayment period and, as their name suggests, receive a summary of all the 'key' information about the loan. Give it a try today.
<br><A HREF=http://unicredit.infocast.com.au/>Click here</A> to start your own Key Facts sheet
     <h3><br>
       <a href="https://www.unicredit.com.au/secure/loanapplication_befapp.html?loantype=Home Loan" target="_blank" class="style42">Apply Today :: Loan
          application form</a></h3>
     <ul><li><a href="loan_calculator.html"> Online loan calculator</a></li>
          </ul>
     <p> </p>
     <p class="story"><strong>Interstate Lending</strong>: As a general rule, Unicredit only lends to Western Australian based members, however we encourage others to discuss an application.</p>
     <p class="story"><strong>Non-Australian Resident Applications </strong>: As a general rule, Unicredit will not lend to new applicants who are not resident in Australia</p>
     </div>
   <p class="disclaimer comparisonTable comparisonTable"> 1. <span class="comparisonTable">Unicredit will waive its standard   loan establishment costs and then reimburse standard loan establishment costs   and exit costs from previous financier, up to a total of $1000, for all new   property secured loan applications made before   31/3/2012. </span>2 Minimum loan redraw $1000. 3 The quoted fixed rate is an indicative interest rate only - the fixed rate is set at time of loan funding. 4 Standard valuation costs are defined as valuation costs for properties in the Perth metropolitan area, where the value is under $1 million. The property valuer's cost for this is $184.50. 5. Unicredit members with a home loan over $150,000 do not pay Direct ATM Fees on any ATM in Australia. Overseas ATM withdrawal fees still apply. </p>
   
      <div class="disclaimer">
        <p> Things you should know</p>
        <p> All loan applications are subject to Unicredit's normal lending criteria.
          Fees and government charges apply, please refer to our Fees and Charges
          Schedule, by clicking on the link below or collecting from any Unicredit
          branch.</p>
        <ul>
          <li>
            <p><a href="../aboutunicredit/fees_charges.html"> Fees and charges</a></p>
          </li>
          <li>
            <p><a href="Interest" _mce_href="http://unicredit.com.au/aboutunicredit/rates.html">Interest">http://unicredit.com.au/aboutunicredit/rates.html">Interest Rates </a></p>
          </li>
        </ul>
        <p>*Comparison rate is for a loan of $150,000 for a term of 25 years. Warning: This comparison rate is true only for the examples given and may not include all fees and charges. Different terms, fees or other loan amounts might result in a different comparison rate.</p>
        <p>Comparison Rate Schedules are available from any Unicredit branch,
          or can be downloaded by clicking on the link below.</p>
        <ul>
          <li>
            <p><a href="../aboutunicredit/CRShome.pdf">Home Loan Comparison Rate Schedule</a></p>
          </li>
          <li>
            <p><a href="../aboutunicredit/CRSpersonal.pdf">Personal Loan Comparison
              Rate Schedule</a></p>
          </li>
        </ul>
        <ul>
          <li>
            <p><a href="HardshipPolicy.html">Financial Hardship Assistance</a></p>
          </li>
          <li>
            <p><a href="../aboutunicredit/DisputeResolution.html">Dispute Resolution Procedure </a></p>
          </li>
          <li>
            <p><a href="../pdf/CreditGuideAppendix14.pdf" target="_blank">Credit Guide </a></p>
          </li>
        </ul>
        <p>+Unicredit will lend up to 95% of the valuation of the property for
          owner occupier or investment property home loans (Loan to Valuation
          Ratio or LVR). Where the loan exceeds 80% of the property valuation,
          lender's mortgage insurance is required (LMI).</p>
        <p>^Conditions apply.
          Repayment holidays are currently provided where a member is in advance
          on their minimum payments, to a maximum number of repayment periods
          that can be covered by the advance. Requests for repayment holidays
          must be made in writing to the Loans Manager.</p>
        <p>#Conditions apply.
          Family equity mortgages should be discussed with a lending officer
          by calling Unicredit on 9389 1011.</p>
        <p>~External fees such as government charges, settlement attendance and
          valuation fees apply. Please refer to our Fees and Charges Schedule.<br>
          </p>
      </div>
      </div>
    </td>
    <td width="140" class="rtmarginTable"><div id="rightMargin"><div class="rtmarginItem"><script language="Javascript">
var agt=navigator.userAgent.toLowerCase();
</script></div>
<div class="rtmarginItem"><a
href="http://www.unicredit.com.au/special/Uniteller_gateway.html"><img src="/images/logo-uniteller.gif" alt="Proceed to Uniteller" width="135" height="60" border="0"></a></div>
<div class="rtmarginItem"><a
href="http://www.unicredit.com.au/loans/mycard.html"><img src="../images/logo-mc-cardservices.gif" alt="MasterCard CardServices" width="138" height="47" border="0"></a></div>
<div class="rtmarginItem"><a
href="visa.html"><img src="../images/visa_access.gif" alt="Verified by VISA" width="138" height="48" border="0"></a></div>
<div class="rtmarginItem"></div>
        <a href="http://rediatm.com.au" target="_blank">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="142" height="118" title="reditatm" onClick="MM_goToURL('parent','http://www.rediatm.com.au');return document.MM_returnValue">
          <param name="movie" value="/special/redi.swf">
          <param name="quality" value="high">
          <embed src="/special/redi.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="142" height="118"></embed>
        </object>
        </a>
        <div class="rtmarginLink"><a
href="../aboutunicredit/rates.html"><img src="../images/link_intRates.gif" alt="Interest Rates" width="136" height="22" border="0"></a></div>
    <div class="rtmarginLink"><a
href="../aboutunicredit/fees_charges.html"><img src="../images/link_feesCharges.gif" alt="Fees & Charges" width="136" height="22" border="0"></a></div>
    <div class="rtmarginLink"><a
href="../forms/index.html"><img src="../images/link_onlineForms.gif" alt="Online Forms" width="136" height="22" border="0"></a></div>
    <div class="rtmarginLink"><a
href="loan_calculator.html"><img src="../images/link_loanCalculator.gif" alt="Loan Calculator" width="136" height="22" border="0"></a></div>
    </div></td>
</tr>
</table>



<div id="siteInfo"><a href="Site" _mce_href="http://www.unicredit.com.au/aboutunicredit/sitemap.html">Site">http://www.unicredit.com.au/aboutunicredit/sitemap.html">Site
    Map</a> | <a href="Disclosure" _mce_href="http://www.unicredit.com.au/aboutunicredit/disclosure.html">Disclosure">http://www.unicredit.com.au/aboutunicredit/disclosure.html">Disclosure Info</a> | <a href="Contact" _mce_href="http://www.unicredit.com.au/aboutunicredit/contact.html">Contact">http://www.unicredit.com.au/aboutunicredit/contact.html">Contact </a> | ©2008
Unicredit | Lost Card Hotline: 1800 224 004 | Swift Code: CUSCAU2SXXX | BSB: 806-036 </div>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2467622-1";
urchinTracker();
</script>
</body>
</html>

Design View/Outline broken

Not sure what caused it, or when it started happening, exactly, but the outline view now shows a red exclamation point next to a "Root" entry, and nothing else. When I switch to design view, its blank.
The app compiles and runs fine with no errors or warnings to speak of. I can't find any malformed syntax or structural problems.
So... what's the deal?

Hi,
there are a few things that can break designview if the code is not formed correctly. Have you had any environment changes such as updating the sdk. Did this happen during development or was it working then when you restarted FB the designview was not working.
Can you create a new workspace add a simple project and get designview ?
Have a look at your code and see if scripting block has duplicated or missing its cdata start and end block. Make sure that some weird gotcha glitch hasn't created a scriptblock within a scriptblock. This can happen when autogenerating events sometimes, especially if an mxml component creates the scriptblock then you go to the file header,especially in skins or custom components, and let it generate code.
Without seeing code or knowing how your environment is setup makes it a little difficult with these sorts of issues but hopefully one of the above will get you part of the way.
David.

Design View skin resolution

Similar Messages

Maybe you are looking for