Code-behind + Design Mode = ... ?

Hello everybody
I'm trying to step into the Flex world from the right side. That's why I started using Code-behind pattern right away (in a search for info I've also foundCode-in-Front pattern... anyone interested? ). Well, the problem is - I create the combined element with it's logic and then extend it through MXML, and then I instantiate it in the main MXML file. So far everything good, but Design Mode now shows a white box with a red cross inside instead of my custom coded component with it's buttons, combos, etc. Is there any solution to that?

Ouch...
I have no problem with compiler. The App runs and works fine
Is MVC approach compatible with design mode?
Can you point me to some good MVC framework? Maybe PureMVC?

Similar Messages

Can't see code in design mode

I am a complete novice when it comes to DW so please forgive
my ignorance. For some reason the code between my h tags and the
the navigation is not visible to me, so it looks like huge chunks
of my code are missing. Please can anyone help?
Thanks in advance.
Slooshy

Let's see your page.
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
==================
"slooshy" <[email protected]> wrote in
message
news:g28pm9$896$[email protected]..
> I'm sorry I don't think I explained myself properly. The
problem I am
> having is
> in code view. The code between the h tags is invisible,
so I can only see
> what
> text is there by looking at the design view. This is
also true of the text
> in
> my navigation too.
>
> Any advice is much appreciated.
>
> `
>
>
>
>
>

What is the code (or design mode) to center my page?

Subject says it all.

And dump the height attribute which is invalid HTML anyhow.
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
==================
"(_seb_)" <[email protected]> wrote in message
news:ftb811$jos$[email protected]..
> Motleyscrew wrote:
>> Malcom...
>>
>> Thanks for the reply. However since I am taking this
Dreamweaver class,
>> and admittedly knew nothing about prior to taking
the class.... we have
>> not got to CSS yet.
>>
>> Is there another way to do it using html?
>>
>
> <table width="800" height="1030" border="0"
cellpadding="0"
> cellspacing="0" align="center">
>
> just add align="center" in your table tag...
>
>
> --
> seb (@webtrans1.com)
>
> high-end web design:
http://webtrans1.com
> an ingenious website builder:
http://sitelander.com
> music:
http://myspace.com/popmodelberlin

Compiling code throws undeclared errors when trying to view form in design mode.

Let me start this off by admitting that I've committed sacrilege - I edited code inside of a windows forms InitializeComponent() function. I changed this (located in the beginning of the InitializeComponent() function where all UI elements are declared):
this->image = gcnew OpenTK::GLControl();
To this:
OpenTK::Graphics::GraphicsMode^ temp = gcnew OpenTK::Graphics::GraphicsMode(ColorFormat(16, 16, 16, 16), 16, 0, 0, ColorFormat(16, 16, 16, 16), 3 , false);
this->image = gcnew OpenTK::GLControl(temp)
The result is that the code still compiles, but it gives the following errors when I try to view the code in design mode:
The variable 'image' is either undeclared or was never assigned.
"The variable 'temp' is either undeclared or was never assigned."
The former can get eliminated by using two constructors, one with no parameters, followed by an immediate override of the image object with my actual constructor. But I can't seem to get rid of the second problem. Declaring the variable temp outside of the
function didn't help, so I'm not sure if or how I can make this work. Any suggestions on how I can make the design mode parser accept my intrusions? I understand that I've done some evil things to make this happen, but I'd like to keep it more or less like
this since the result is that I have a vsynced windows form.

Hi MHoll4,
It seems that it is not the correct forum for this issue.
Since this issue is related to the WinForms app, I suggest you post this issue to the WinForm forums here:
http://social.msdn.microsoft.com/Forums/windows/en-US/home?category=windowsforms
Best Regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Design mode not available when creating or opening a php file - CS5

I am not sure if this is a bug or not. When I create a new php file, it opens in code view. The options to view in design or code and design mode are disabled. If I reset the workspace, does not matter which workspace I am in at the time, then the file is displayed in code and design mode but the options to view in design or code and design are disabled.
If I select code view mode, the design view disappears (as expected) but there is no way to get to design or code and design without resetting the workspace.
Is this considered normal operation? The help system does not hint that there is a restriction on view modes for a PHP file.
Thanks
Walter

Hi Walter,
my DW opens always in that mode which I last worked in with a file and then closed DW. Did you already try this (tranlated from German DW):
Preferences> General> Open new document at startup.
Hans-G.

Labels pointing to pie slices with lines (or how 2 set chart properties in code behind)

I want to be able to create lines outside of my pie chart with labels and have those lines drawn to connect to the pie chart. I saw that this can be done in code behind in the following thread:
MSDN thread on lines to pie slices
But my problem is I never declared an instance of my chart when I am using my code behind. My code that makes the reports visible is basically (but not completely) the following:
ReportDataSet.Tables.Add(ReportDataTable)
ReportViewer.Visible = True
Dim ReportDataSource As ReportDataSource = New ReportDataSource("ReportDataSource", ReportDataSet.Tables(0))
ReportViewer.LocalReport.ReportPath = ReportToDisplay.RDLCFileName
ReportViewer.LocalReport.DataSources.Clear()
ReportViewer.LocalReport.DataSources.Add(ReportDataSource)
ReportDataSource.Name = ReportToDisplay.DataSetName
ReportViewer.DataBind()
ReportViewer.LocalReport.Refresh()
ReportViewer.ShowReportBody = True
ReportViewer.Width = RVWidth
ReportViewer.Height = RVHeight
So how do I set chart properties for my report given the above code? As long as I can set my chart properties with the above code, I should be able to get this to work given the above thread and the link to the Label-Outside-of-Pie and Line-Color properties
(or whatever) info on Microsoft's info page

Hello,
Based on your description, you want to design a
pie chart with outside lables and pie line inside a .rdlc report. If so, you can add the Chart report item into the report after open a client report definition (.rdlc) file in graphical design mode. And then Set the
PieLabelStyle property and PieLineColor property. Please refer to the following screen shot:
The link your post above it about the
Chart Web server control. As pre my undersntand, you cannot reference a Web server control inside .rdlc file.
If you have any question about using Chart Web server control, you can post a question on
Chart Controls for .NET Framework forum.
Regards,
Fanny Liu
If you have any feedback on our support, please click here.
Fanny Liu
TechNet Community Support

Can't select anything in design mode

I am new on a large Flex project, and when I go into design mode on one of the mxml files, I can't select anything. The other views work fine. Is there a lock, or something? Below is what it looks like (black mark just hides brand info). Note that there is a red line near the bottom. It is actually selectable, but it doesn't do anything. If I go to Source mode and select a chunk of code, then back to design mode, it does show it as selected.
This in Flex Builder 3, thanks.

Have you tried using the outline view for selection?
Jason San Jose
Software Engineer, Flash Builder

Dreamweaver 8: Java script in Design Mode

Mac OS 10.4.11 Dreamweaver 8
I have a web page with a java script that displays a random picture from a list of images each time you reload the page.
http://www.irises.org
It renders fine when viewed in a browser, but the image does not display when viewed in Dreamweaver Design mode. The random image does not display and lacking the image other things are out of place.
The script that sets up the image array:

The code (further down the page after the all the list elements) that generates the image:
           <SCRIPT LANGUAGE="JavaScript">



</script>
Is there a way to get it to display correctly in the Design mode?
Thanks
<br />
</script>

Is there a way to get it to display correctly in the Design mode?
I don't think so, at least not with this script. What you need is for an image to be displayed on the page by default, and for the javascript to only change the src attribute's value. Something like this -
At the point where you want the image have -
<img src="the_path_to_some_default_image.jpg" id="rotation" />
and in the javascript, change this -
document.write('<img src="'+theImages[whichImage]+'">');
to this -
document.getElementById('rotation').src='theImages[whichImage]';
See if that works....

Can I fade out the targets in the Design mode?

I did put some triggers and targets from the tooltip widgets on my site. How can I make the targets disappear in the Design mode??? Of course they are gone in the Preview mode, but hey disturb me very much in the Designe mode, cause I can't see anything behind.

Hello,
Disable the option shown in this screenshot: http://jingsite.businesscatalyst.com/jing/2013-10-18_2304.png
Cheers
Parikshit

Flash Builder Design Mode Bug Workaround (!!!)

I've been fighting this annoyance since FB4 came out, and while I still don't think that custom/embedded fonts in design view are fixed by this, I've been able to reproduce this "fix" (workaround) to get design view to show fonts/theme correctly under some very specific circumstances on two separate PCs.
If anyone from Adobe sees this I'd like to know whether this sounds familiar or is possibly logged as a bug already somewhere in JIRA.. if not I could probably do that as long as it won't be a wasted effort.
The problem:
You're using a Halo theme but certain CSS settings (specifically and possibly limited to FONTS) don't work properly in design view even though they work fine in Flash. Essentially this makes design view practically useless since choice of font family, size, and weight can effect component sizing if you aren't hard-coding component sizes (ugh)... ruining your efforts to use design view for UI design if your UI has any level of complexity (or uses absolute positioning at all).
The specific circumstances seem to be:
You're using the Halo theme (you have no special 'skinning' requirements and want Halo defaults w/only CSS customizations)
You've upgraded a Flex 3 project to Flex 4 SDK (not sure if this is needed to reproduce the issue)
Using a regular non-embedded font (embedded fonts still do crap out, but even this 'workaround' doesn't fix that problem)
You're using swc library files such as the Swiz lib, Mate, Flexlib, etc. (I think it's ANY swc, not specific to any one)
This may also only apply when using an "mx only" project (no Spark), since we're using Halo here
The two part fix (as far as I can tell you need BOTH before design view works correctly):
In .actionScriptProperties, add the following bolded line after the compiler tag like so:
</compiler>
<theme themeIsDefault="false" themeIsSDK="true" themeLocation="${SDK_THEMES_DIR}/frameworks/themes/Halo"/>
<applications>
(I think this may only apply to 'upgraded' projects, as the line does seem to be present in newly created FB4 Halo projects. My guess is that an "upgraded" project should have such a line added, but doesn't get it due to an oversight/bug.)
The somewhat painful, and definitely odd part. Remove all your SWC library files from /libs. Grab the source code for the libraries and drop them into your project's /src folder as if you'd written them yourself. (This may require some research and knowledge on special requirements to build the libs, such as with Swiz's compiler metadata compiler settings which you need to put into your project's settings.) After you get things set up right and the project compiles again, doing a refresh of design view should finally give you proper looking Halo controls and fonts so they look identical to the Flash runtime view.
Why this works, I've no idea. I suspect it has something to do with that stupid and annoying (and supposedly 'harmless') design mode warning message you get when you include a library like Swiz or Mate in your project. (Design mode could not load xxxxxxxxxxxxx.swc. It may be incompatible with this SDK, or invalid. (DesignAssetLoader.CompleteTimeout)) - this warning doesn't break your application, people seem to think it's just a harmless warning..but is it breaking design view?
If anyone has any idea what's going on here, why this 'fixes' the problem (a better work around), or has any other insight I'd love to hear it. The combo of needing to do two things (in my specific case) to fix the problem really made this a ROYAL PAIN, I still can't believe I found it.

Hi Fernando, sorry for the delayed response. CSS Design Mode is not available for Flex 4 projects, but it is still available in Flex 3 projects. The reason for this is that designing components in Flex 4 is often a lot different, since it relies highly on the new spark skinning architecture. There is, however, an Appearance panel available in design view which supplies a set of the main inheriting styles. Setting these styles in the Appearance panel will result in assigning values to a global style selector.
I hope this helps,
Rob

How to edit text in design mode - i.e get an I cursor instead of arrow

DW CS6 This is a very basic unclear on concept question. I normally work in code view and have no problems. Sometimes there is a large block of text within a paragraph which is in a div.
I would like to correct a simple typo or insert some more text directly from the design mode display. However, almost all the time, when I click on the spot I want to modify, the cursor remains an arrow and the entire div gets a yellow border. I still have the select arrow, not the vertical bar I need to edit.
Sometimes I seem to stumble onto the right set of clicks and get the edit bar.
Thanks for any suggestions.

Design View can get pretty cranky when your code has errors.
Check the validator at http://validator.w3.org and make sure you're working with clean code before resorting to wiping preferences, config folders or reinstalling.
If your code is clean and it's still not allowing you to click your text in Design View, you may have a z-indexing issue. I notice on pages that use a lot of positioning (APDivs) you can accidentally cover up your text boxes with blank/transparent areas of other elements and cause problems when trying to access that text at a later date.
It's all guesswork though without seeing your actual page.
Could you post a link?

How to execute the Code-Behind of .aspx linked using XML Data Connection

I have a dashboard with a live XML Data Connection tied to a Default.aspx file. That .aspx file has a Default.aspx.vb code-behind file tied to it with some logic in the Page_Load sub routine. If i open the .aspx on my own in the browser, the code-behind executes properly.
However, when I tie the .aspx to my dashboard and launch it I know for a fact the .aspx is being called (i have a placeholder on the dashboard to let me know if it executed or not) but its code-behind file is not. I can't seem to find a solution through Google, would anyone be able to lead me in the right direction with this? My code is as follows:
Default.aspx
<%@ Page Language="vb" aspcompat="true" Debug="true" validaterequest="false" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="scheduleAppointment._Default" %>
<%
    'tester to see that script executes, this puts "ScriptExecuted" on a label on my dashboard
    Dim sXML As String
    sXML = "<data><variable name=" + Chr(34) + "Range_0" + Chr(34)
                  + "><row><column>ScriptExecuted</column></row></variable></data>"
    Response.Write(sXML)
%>
Default.aspx.vb
Imports Microsoft.Office.Interop
Partial Public Class _Default
    Inherits System.Web.UI.Page
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
            (I have code here creating a Microsoft Outlook appointment and saving/scheduling it. This is not being
             executed when running the dashboard itself, but I know the code works if I run the .aspx on my own
             in Internet Explorer browser)
    End Sub
End Class

Easy fix, apparently code-behind doesn't execute in Preview mode. Exported to .swf and ran in the Internet Explorer browser and it worked.

Background color does not show in a design mode preview

Hi,
I installed Macromedia studio 8 a couple of days ago, and
started using Dreamweaver 8 with a "Missing Manual" book. I'm on
first chapter and following tutorial. It says to change a
background color to blue, and I did that. But this change was not
reflected in a design mode preview. I checked the code and it's
there. I viewed in an IE6, and it was there. My coworker installed
an evaluation version on his pc and it worked fine. I guess it's my
pc that has problem. I had IE7 and VS2005 on the pc when I
installed Macromedia 8. Due to help crash, I uninstalled IE7. It
did not solve the problem, so I uninstalled VS2005 and related
programs, and it did not solve the problem. I uninstalled and
reinstalled Dreamweaver 8 a couple of times, and it did not help.
Does anyone out there who have similar experiences, please share it
with me? I post this here before redo my pc. Thanks.

<shrug>
Without seeing code, it would be impossible to guess....
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
==================
"jaivora" <[email protected]> wrote in
message
news:[email protected]...
> This is way too much - I too am reading the same book
and am stuck at the
> same
> place - Not only does the background not appear in
dreamweaver, but nor do
> the
> new colors set for the active links, rollover links, etc
- After setting
> in the
> new colors, the "Page Property" section will not reflect
the new colors -
> While
> all the time Safari will show the page correctly.
>
>
>
quote:
Originally posted by:
Newsgroup User
> Do you also have the same exact code? That's where the
answer always
> lies....
>
> --
> 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
> ==================
>
>
> "LaValliere" <[email protected]> wrote
in message
> news:[email protected]...
> >I am having the same exact problem as the other
person, except I can not
> >find
> > the manual uninstall that seemed to fix their
problem. The funny thing
> > is
> > I am
> > reading the exact same book as they were and the
problem happen at the
> > same
> > point in the very first chapter. The background was
working fine
> > before.
> > Thinking back I realised the book said to go to the
website for any
> > updates,
> > which I did. After that . . . . no background color
is visible. I have
> > also
> > attempted to uninstall and reinstall. No luck. Can
you help?
> >
>
>
>
>
>
>

Embedding code behind a site created in muse to trigger a desired effect

I built another great site using Muse but the client wants to use a third party processing application that requires I:
1.) embed script (not a url) in the body section of the html (not the head),
Instead of placing the code in the <body><body> section (which I do not know how to access in muse), I tried placing the code in the head section available via the "Page Properties" metadata field -- and it does work. However. now I need to create a custom button to trigger this effect.
2.) I want to use a custom button but the client wants the button to blink between to colors. The third party vendor provided a code that would trigger the action of the first code but I need to find a way to make this all work.
First, I created the blinking effect by using a blank slideshow and placed a .png version of a button I created in ai in the fist position followed by a button also created in .png with the alternate color on top. I Then set the "Fade" speed to the minimum of .06 seconds. This method did provide the desired effect, but now how do I make it clickable?
I tried using the "Rectangle Tool" to place an empty, sans stroke div over the blinking button that I created with the idea that I would copy the designated action code into the html by way of the "Object" > "Insert HTML" but instead of placing the code behind the empty rectangle div, it creates it's own link with a "?" mark image. As a test I placed the unwanted "?" on top of the blinking button and previewed the page in the browser and it works causing the intended trigger effect when clicked. Also note that placing the element over the rotating slideshow did not obstruct the blinking effect.
The only problem is that I don't want to show this "?" that the "Insert HTML" path created, I need to show the blinking "Order Now" button that the client asked for.
Can anyone help?

Hi,
take a look o this thread, Can I use a php script in muse?
if you still have any question, please let us know

Display HTML 5 code in Design View in DW CS5 (was: HTML 5)

Even if I can write code in my old version of Dreamweaver it still
doesn't show up in Design mode. I tried to make rounded corners and I
couldn't figure out why it didn't work. Then I checked in a browser -
and Voila!
Is there a way to update DWCS5 so that would work?
Best regards,
Camilla Osterman

Have a look at the last reply here Dreamweaver HTML5 taglibrary extension released.
This may also help HTML5 Extension in Dreamweaver CS5 Tutorial

Code-behind + Design Mode = ... ?

Similar Messages

Maybe you are looking for