Design View is disabled

For some strange reason, when I open up an .htm or .html file, I am only seeing Code View, and the Design View (and Split View) tabs are disabled (greyed out), so I can't click on them. This is what it looks like:
If I open up an .asp file, then Design View works. If I rename my .htm file to .asp, then it works too... but the second I rename it back, Design View stops working.
I checked through this forum and found http://forums.adobe.com/message/226194, which is another forum discussion presenting the same problem. The answer to that post says to go to Edit > Preferences > File Types / Editors, and remove the extension from the "Open in code view" setting. But I checked my Preferences, and neither .htm nor .html are in the "Open in code view" field:
This is somewhat baffling, as it was working last week, and I haven't done anything to the system (to my knowledge) that would have changed a setting. I'm using Dreamweaver CS3.
I searched through the Web, Adobe's documentation, and this forum... I couldn't find an answer.
Has anyone seen this problem before? Can anyone suggest a fix? I'm sure it's some setting somewhere (perhaps in a config file) that might have gotten corrupted or changed by something.
Thanks!

In the absence of better suggestions you could try forcing DW to re-create your Config folder via this procedure:
How to re-create the Dreamweaver user configuration folder (CS3 on Windows XP, Vista)
http://www.adobe.com/go/kb401118

Similar Messages

Design view in DreamWeaver CS3 disabled for CSS & Java

I currently use Adobe Dreamweaver CS3, and only some files have the option to view them in code AND in design view. This works for most files (HTML, PHP, etc). However, anytime I create a new CSS or Java file, the design view is disabled:
I have already tried the two other solutions I've found in this forum.
First I tried Preferences > File Types / Editors, and I deleted all of the file types in the "Open in Code View" menu (pictured below).
I restarted DW, and it didn't work.
Then I tried several steps to re-create the Configuration folder (which it did, but the problem remained) listed here: http://kb2.adobe.com/cps/401/kb401118.html.
Still nothing. HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not. I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Any help much appreciated - thanks!

HTML, PHP, ASP and all other files have the Design View and Split View available, but CSS and Java do not.
That's correct. That's as it should be.
A CSS file contains a bunch of text only CSS rules. Javascript is text-only script. There's no layout to see for CSS and JS files in Design and Split View so they're disabled.
Files with layout e.g. .htm, .php have Design View because they're web pages with a layout which can be viewed.
I would really like to use DW to start editing CSS, but do not know it well enough to write in code and therefore could really use that handy Design View so I can learn as I tweak it.
Open any .htm or .php (or other) web page and its associated CSS file.
Then tweak the CSS either via Code View in the CSS file, or using the DW CSS Editor when viewing the .htm/.php file, and see the formatting changes applied in Design View in the .htm (or .php) file.
Do not rely on DW's Design View as an absolute reference for pixel perfect accuracy. It will always be an approximation only to assist visually oriented web designers while editing.
Always test all CSS rules and edits in a range of browsers. Browser support for CSS rules and effects varies. Not all browsers support everything on offer in CSS1, CSS2 and CSS3.

Unable to view php files in Design View?

Need help! I cannot select design view when working with a PHP document, the DesignView option is disabled?
My information.
- Dreamweaver CS5
- Mac OSX 10.6 snow Lepoard
I have searched online and I also went through the FAQ but couldn’t find anything relating to this particular issue and my Professor at school said that I need to contact Adobe directly as design view should always be available but all that I would see in Design View are the HTML elements within the PHP file.
The Design View button is disabled, I can not click on it all and so for my class assignments. I have to copy the PHP code into a new HTML document and only then am I able to view the html/php and edit the HTML elements, and then copy and paste it back into the PHP file once I have the html elements/design set up correctly.
I did a similar “Set up PHP for Mac OS X – MAMP” to the version available here, could I have set this up incorrectly and that is why Design View is disabled?
Thanks I appreciate your guys expertise and any help!

Kanjan wrote:
Need help! I cannot select design view when working with a PHP document, the DesignView option is disabled?
Go to Dreamweaver > Preferences, and select File Types / Editors from the Category list on the left. Make sure that .php is NOT listed among the filename extensions in "Open in code view".
Adding a filename extension to that list prevents files from being opened in Design view.

Is there any way to display the Design View in fluid grid pages?

After upgrading to the newest version of DW CC 2014, I noticed that the Design View is disabled in Fluid Grid pages. You can only use the Live View to edit those pages. The Design/Live button displays on non-fluid pages.
I'm wondering if there is a work-around to allow Design View editing on fluid pages. It is a major hassle to try to edit some things in the Live View. It would nice to have a choice.

Have you actually tried using is? Try this?
1) Create a new Responsive Layout. We’ll call it demo.php, fluid.css and the usual accompanying DW files.
2) Enter demo.php and progress is normal. Everything works. You can choose to view both Live and Display and edit accordingly.
3) Close down DW.
4) Open DW and open demo.php
5) There is NO LONGER a Display View option and Live View does not EDIT. (at least it doesn't for me)
6) I can ONLY edit work in CODE view.
Thus, on brand new files, all is fine. The moment DW is closed and the files becomes “old” it can no longer be seen or edited properly.
How am I supposed to provide support to clients? How can I access a Responsive site I built last week when Live View will not edit and Display will not display?
I feel this is a programming error, not a purposeful act.

Design View Disabled

Under View, Design is disabled. Grayed out. Inoperative. Have
tried it with a few simple HTML files with static content. How can
I re-enable design view?
Help!!

The question is not why it worked. That's easy. If *.html is
an extension
that is listed in the "Open in Code View" list, then it will
only open in
code view. The question really is "How did that get there in
the first
place?".
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
==================
"2new_george" <[email protected]> wrote in
message
news:gd1u44$bii$[email protected]..
> Problem solved by going to preferences,
Category->File Types\Editors, Open
> in Code View, I removed html from the list of
extentions. Why that worked,
> I haven't a clue.
>

Certain images not showing up in Design View

Hi,
I recently switched from Dreamweaver CS5.5 to CS6 with Creative Cloud but now some of my images aren't showing up in Design View. Everything is fine in Live View.
Any help would be gratefully received. I have attached the CSS & the HTML as well as two screen shots of Design View and Live View.
The CSS is:
/* Getting the new tags to behave */
article, aside, audio,
canvas, command,
datalist, details,
embed,
figcaption, figure, footer,
header, hgroup,
keygen,
meter,
nav,
output,
progress,
section, source,
video {
          display:block;
mark,
rp, rt, ruby,
summary,
time {
          display:inline;
/* Global properties ======================================================== */
body {
          background-color:#000;
          background-repeat:no-repeat;
          background-position:center top;
          background-image:url(../images/body-bg.jpg);
          background-attachment:fixed;
          font-family:Arial, Helvetica, sans-serif;
          font-size:100%;
          line-height:1em;
          color:#949595;
html {
          min-width:967px;
html,
body {
          height:100%;
/* Global Structure ============================================================= */
#main {
          margin:0 auto;
          width:967px;
          font-size:.75em;
          /* Header */
          header {
                    position:relative;
          /* Sidebar */
          aside {
                    width:227px;
                    float:left;
                    margin-right:32px;
                    padding-bottom:33px;
          /* Content */
          section#content {
                    float:left;
                    width:675px;
                    padding-top:6px;
          /* Footer */
          footer {
                    padding-left:3px;
                    background:url(../images/border-left.png) repeat-y left top;
                    color:#535353;
/* Left & Right alignment */
.fleft {
          float:left;
.fright {
          float:right;
.clear {
          clear:both;
.col-1,
.col-2,
.col-3 {
          float:left;
.alignright {
          text-align:right;
.aligncenter {
          text-align:center;
.wrapper {
          width:100%;
          overflow:hidden;
/*----- form defaults -----*/
input,
select,
textarea {
          font-family:Arial, Helvetica, sans-serif;
          font-size:1em;
          vertical-align:middle;
          font-weight:normal;
fieldset {
          border:0;
/*----- lists -----*/
.banners {
          width:100%;
          overflow:hidden;
          padding-bottom:15px;
          .banners li {
                    float:left;
                    padding-left:4px;
.list li {
          font-size:1.17em;
          padding:0 0 19px 22px;
          background:url(../images/marker.png) no-repeat left 2px;
.list li.last {
          padding-bottom:0;
.list1 li {
          width:100%;
          overflow:hidden;
          padding-bottom:27px;
          .list1 li img {
                    float:left;
                    margin-right:22px;
.column-list {
          width:100%;
          overflow:hidden;
          .column-list li {
          float:left;
          width:200px;
          margin-right:27px;
          .column-list li.last {
                    margin:0;
                    .column-list li img {
                              margin-bottom:18px;
.events-list {
          width:100%;
          overflow:hidden;
          .events-list li {
                    float:left;
                    line-height:1.5em;
                    width:320px;
                    margin-right:25px;
                    padding-bottom:20px;
          .events-list li.alt {
                    margin-right:0;
                    .events-list li img {
                              float:left;
                              margin-right:11px;
.testimonials li {
          line-height:1.5em;
          padding-bottom:18px;
          .testimonials li cite {
                    font-style:normal;
          .testimonials li h5 {
                    text-align:right;
                    margin:0;
                    padding-top:6px;
/*----- other -----*/
.img-indent {
          margin:0 0 20px 0;
.extra-wrap {
          overflow:hidden;
p {
          margin-bottom:16px;
          line-height:1.5em;
dl {
          line-height:1.5em;
          dl dt {
                    font-weight:bold;
                    color:#4b4b4b;
                    margin-bottom:6px;
          dl dd {
                    padding-bottom:20px;
          dl dd.last {
                    padding:0;
          .address dd {
                    clear:both;
                    .address dd span {
                              float:left;
                              width:96px;
                    .address dd a {
                              font-size:1.17em;
address {
          font-style:normal;
          line-height:1.5em;
          address a {
                    font-size:1.17em;
          address span {
                    float:left;
                    width:103px;
/*----- txt, links, lines, titles -----*/
a {
          color:#12b7f4;
          outline:none;
a:hover {
          text-decoration:none;
h1 {
          font-size:20px;
          line-height:1em;
          font-weight:normal;
          padding:55px 0 0 3px;
          h1 a {
                    color:#fff;
                    text-decoration:none;
          h1 strong {
                    font-size:55px;
                    line-height:1.2em;
                    letter-spacing:-2px;
                    top:-37px;
                    position:relative;
h2 {
          font-size:1.917em;
          line-height:1.2em;
          letter-spacing:-1px;
          font-weight:normal;
h5 {
          font-size:1em;
          line-height:1.5em;
          color:#4b4b4b;
          margin-bottom:6px;
          h5 a {
                    color:#4b4b4b;
.txt1 {
          font-size:1.17em;
.rss {
          position:absolute;
          right:18px;
          top:18px;
          background:url(../images/rss.gif) no-repeat right top;
          padding:10px 45px 8px 0;
          color:#7d7d7d;
          text-decoration:none;
          font-size:1.17em;
          text-transform:uppercase;
.rss:hover {
          text-decoration:underline;
.link1 {
          display:block;
          position:relative;
          float:left;
          background-repeat:no-repeat;
          background-position:right top;
          background-image:url(../images/link1-right.png);
          color:#fff;
          line-height:1.2em;
          text-transform:uppercase;
          text-decoration:none;
          cursor:pointer;
          .link1 span {
                    display:block;
                    float:left;
                    background-repeat:no-repeat;
                    background-position:left top;
                    background-image:url(../images/link1-left.png);
                    padding:0 10px;
          .link1 b {
                    background-repeat:repeat-x;
                    background-position:left top;
                    background-image:url(../images/link1-bgd.png);
                    padding:8px 7px 9px 7px;
                    display:block;
                    float:left;
          .link1:hover b {
                    text-decoration:underline;
.link2 {
          width:70px;
          height:30px;
          text-align:center;
          text-transform:uppercase;
          color:#fff;
          text-decoration:none;
          display:block;
          float:right;
          font-weight:bold;
          overflow:hidden;
          line-height:2.6em;
          background-repeat:no-repeat;
          background-position:left top;
          background:url(../images/link2-bg1.png);
.link2:hover {
          text-decoration:underline;
/*==================boxes====================*/
.nav-box {
          width:100%;
          position:relative;
          padding-bottom:11px;
          margin-top:-23px;
          .nav-box .left {
                    padding-left:20px;
                    background:url(../images/nav-box-left.png) no-repeat left top;
          .nav-box .right {
                    padding-right:20px;
                    background:url(../images/nav-box-right.png) no-repeat right top;
          .nav-box nav {
                    height:72px;
                    background:url(../images/nav-box-tail.png) repeat-x left top;
          .nav-box nav ul {
                    padding-top:13px;
                    width:100%;
                    overflow:hidden;
                    .nav-box nav ul li {
                              float:left;
                              font-size:1.583em;
                              line-height:1.2em;
                              letter-spacing:-1px;
                              .nav-box nav ul li a {
                                        color:#535353;
                                        display:block;
                                        float:left;
                                        cursor:pointer;
                                        background:url(../images/spacer.gif);
                                        text-decoration:none;
                                        text-shadow:#fff 1px 1px;
                              .nav-box nav ul li a:hover,
                              .nav-box nav ul li a.active {
                                        color:#fff;
                                        background:url(../images/nav-act-tail.gif) repeat-x left top;
                                        text-shadow:#fff 0 0;
                                        .nav-box nav ul li a span {
                                                  display:block;
                                                  float:left;
                                                  background:url(../images/spacer.gif);
                                        .nav-box nav ul li a:hover span,
                                        .nav-box nav ul li a.active span {
                                                  background:url(../images/nav-act-left.gif) no-repeat left top;
                                        .nav-box nav ul li a b {
                                                  display:block;
                                                  float:left;
                                                  background:url(../images/spacer.gif);
                                                  padding:10px 23px 14px 23px;
                                        .nav-box nav ul li a:hover b,
                                        .nav-box nav ul li a.active b {
                                                  background:url(../images/nav-act-right.gif) no-repeat right top;
.box {
          width:237px;
          color:#fff;
          .box .top {
                    background-repeat:no-repeat;
                    background-position:left top;
                    background-image:url(../images/box-top.png);
                    height:14px;
                    overflow:hidden;
                    font-size:0;
                    line-height:0;
          .box .bot {
                    background-repeat:no-repeat;
                    background-position:left top;
                    background-image:url(../images/box-bot.png);
                    height:15px;
                    overflow:hidden;
                    font-size:0;
                    line-height:0;
          .box .xcontent {
                    background-repeat:repeat-y;
                    background-position:left top;
                    background-image:url(../images/box-tail.gif);
                    .box .xcontent .bg {
                              min-height:137px;
                              height:auto!important;
                              height:137px;
                              background-repeat:no-repeat;
                              background-position:left top;
                              background-image:url(../images/box-bg.jpg);
          .box .inner {
                    padding:2px 35px 0 26px;
          .box h2 {
                    font-size:2.417em;
                    font-weight:bold;
                    margin-bottom:4px;
                    text-shadow:#0b97e4 1px 1px;
          .box p {
                    line-height:1.583em;
                    margin-bottom:9px;
/* box style1 */
.box.style1 .top {background-image:url(../images/box-top1.png);}
.box.style1 .bot {background-image:url(../images/box-bot1.png);}
.box.style1 .xcontent {background-image:url(../images/box-tail1.gif);}
.box.style1 .xcontent .bg {background-image:url(../images/box-bg1.jpg);}
.box.style1 .link1 {background-image:url(../images/link1-right1.png);}
.box.style1 .link1 span {background-image:url(../images/link1-left1.png);}
.box.style1 .link1 b {background-image:url(../images/link1-bgd1.png);}
.box.style1 h2 { text-shadow:#78b10b 1px 1px;}
/* box style2 */
.box.style2 .top {background-image:url(../images/box-top2.png);}
.box.style2 .bot {background-image:url(../images/box-bot2.png);}
.box.style2 .xcontent {background-image:url(../images/box-tail2.gif);}
.box.style2 .xcontent .bg {background-image:url(../images/box-bg2.jpg);}
.box.style2 .link1 {background-image:url(../images/link1-right2.png);}
.box.style2 .link1 span {background-image:url(../images/link1-left2.png);}
.box.style2 .link1 b {background-image:url(../images/link1-bgd2.png);}
.box.style2 h2 { text-shadow:#ff6900 1px 1px;}
/* box style3 */
.box.style3 .top {background-image:url(../images/box-top3.png);}
.box.style3 .bot {background-image:url(../images/box-bot3.png);}
.box.style3 .xcontent {background-image:url(../images/box-tail3.gif);}
.box.style3 .xcontent .bg {background-image:url(../images/box-bg3.jpg);}
.box.style3 .link1 {background-image:url(../images/link1-right3.png);}
.box.style3 .link1 span {background-image:url(../images/link1-left3.png);}
.box.style3 .link1 b {background-image:url(../images/link1-bgd3.png);}
.box.style3 h2 { text-shadow:#ffad07 1px 1px;}
.box1 {
          width:227px;
          .box1 .top {
                    height:49px;
                    overflow:hidden;
                    background:url(../images/box1-top.png) no-repeat left top;
          .box1 .bot {
                    height:17px;
                    font-size:0;
                    line-height:0;
                    overflow:hidden;
                    background:url(../images/box1-bot.gif) no-repeat left top;
          .main-box .box1 .border-left {
                    padding-left:1px;
                    background:url(../images/box1-border.gif) repeat-y left top;
          .main-box .box1 .border-right {
                    padding-right:1px;
                    background:url(../images/box1-border.gif) repeat-y right top;
          .main-box .box1 .xcontent {
                    width:100%;
                    min-height:261px;
                    height:auto!important;
                    height:261px;
                    padding:0;
                    background:url(../images/box1-tail.gif) repeat-x left top #f8f8f8;
          .main-box .box1 .inner {
                    padding:12px 14px 20px 18px;
          .box1 h2 {
                    font-weight:bold;
                    color:#fff;
                    padding:10px 0 0 18px;
.box2 {
          width:227px;
          .box2 .top {
                    height:15px;
                    overflow:hidden;
                    background:url(../images/box2-top.png) no-repeat left top;
          .box2 .bot {
                    height:16px;
                    font-size:0;
                    line-height:0;
                    overflow:hidden;
                    background:url(../images/box2-bot.gif) no-repeat left top;
          .main-box .box2 .border-left {
                    padding-left:1px;
                    background:url(../images/box2-border.gif) repeat-y left top;
          .main-box .box2 .border-right {
                    padding-right:1px;
                    background:url(../images/box2-border.gif) repeat-y right top;
          .main-box .box2 .xcontent {
                    width:100%;
                    min-height:113px;
                    height:auto!important;
                    height:113px;
                    padding:0;
                    background:url(../images/box2-tail.gif) repeat-x left top #f6f6f6;
          .main-box .box2 .inner {
                    padding:0 14px 20px 18px;
          .box2 h2 {
                    font-weight:bold;
                    color:#3c3c3c;
                    margin-bottom:16px;
.main-box {
          width:100%;
          .main-box .left-top-corner {
                    background:url(../images/left-top-corner.png) no-repeat left top;
                    height:18px;
                    padding-left:18px;
          .main-box .right-top-corner {
                    background:url(../images/right-top-corner.png) no-repeat right top;
                    height:18px;
                    padding-right:18px;
          .main-box .border-top {
                    background:url(../images/border-top.png) left top repeat-x;
                    height:18px;
                    font-size:0;
                    line-height:0;
                    width:100%;
          .main-box .border-left {
                    background:url(../images/border-left.png) left top repeat-y;
                    padding-left:3px;
          .main-box .border-right {
                    background:url(../images/border-right.png) right top repeat-y;
                    padding-right:3px;
          .main-box .xcontent {
                    background:#fff;
                    padding:0 2px;
          .main-box .tail {
                    background:url(../images/main-box-tail.gif) repeat-x left top;
                    width:100%;
          .main-box .inner {
                    padding:3px 15px 0 8px;
          .main-box .inner1 {
                    padding:3px 8px 0 25px;
                    .main-box .inner1 aside {
                              margin:0;
                    .main-box .inner1 #content {
                              margin-right:32px;
                              width:665px;
          .main-box .inner2 {
                    padding:3px 25px 35px 25px;
                    .main-box .inner2 #content {
                              width:auto;
                              float:none;
/*===== content =====*/
#content h2 {
          color:#3e3e3e;
          letter-spacing:0;
          margin-bottom:16px;
#content .indent {
          padding-bottom:60px;
#content .link2 {
          background-image:url(../images/link2-bg2.png);
          float:left;
/*===== Sidebar =====*/
aside .indent {
          margin-bottom:20px;
/*===== footer =====*/
footer .right {
          padding-right:3px;
          background:url(../images/border-right.png) repeat-y right top;
footer .tail {
          padding:17px 0 11px 27px;
          background-color:#2d2d2d;
footer .line-ver {
          background:url(../images/divider.gif) repeat-y 210px 0;
          width:100%;
          overflow:hidden;
footer .fleft a {
          color:#535353;
          text-decoration:none;
footer .fleft a:hover {
          text-decoration:underline;
footer .fleft {
          padding-bottom:8px;
          footer .fleft ul {
                    padding:8px 0 3px 0;
                    footer .fleft ul li {
                              display:inline;
footer .fright {
          padding:0 29px 0 0;
          text-align:right;
          footer .fright a {
                    color:#12b7f4;
          footer .fright ul {
                    padding:8px 0 5px 0;
                    footer .fright ul li {
                              display:inline;
                              padding-right:15px;
                              margin-right:12px;
                              background:url(../images/divider1.gif) no-repeat right 3px;
                              footer .fright ul li a {
                                        text-decoration:none;
                                        color:#535353;
                              footer .fright ul li a:hover,
                              footer .fright ul li a.active {
                                        color:#c4c4c4;
                                        text-decoration:underline;
                    footer .fright ul li.last {
                              background:none;
                              padding:0;
                              margin:0;
/*----- forms -----*/
#subscribe-form .rowElem {
          width:100%;
          overflow:hidden;
#subscribe-form span {
          display:block;
          width:193px;
          height:26px;
          margin-bottom:6px;
          background:url(../images/input-bg.png) no-repeat left top;
#subscribe-form input {
          background:none;
          border:0;
          line-height:1.2em;
          vertical-align:top;
          margin:5px 0 0 10px;
          color:#8c8d8d;
          width:173px;
#subscribe-form a.fleft {
          color:#4b4b4b;
          font-weight:bold;
          position:relative;
          left:10px;
          top:7px;
/* The Nivo Slider styles */
#slider_box{ width:946px; height:370px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:21px 0 0 21px}
#slider{ position:relative; width:925px; height:348px; z-index:88;overflow:hidden;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;          margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;          position:absolute;z-index:50;height:100%;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {          position:absolute; bottom:-34px;          z-index:99;          cursor:pointer;text-indent:-5000px; width:30px; height:30px; display:block;}
.nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
.nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}
.nivo-controlNav a.active { background-position:left}
/* Caption styles */
.nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}
.nivo-caption .box{ display:inline-block;background:url(../images/box.png) no-repeat; font:24px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:bold; width:83px; margin-right:10px;}
.nivo-caption .text1{ font:36px Arial, Helvetica, sans-serif; color:#39c0f8; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}
.nivo-caption .text2{ font:48px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:block; line-height:1.2em; margin-top:-10px; letter-spacing:-2px;}
.nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}
.nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none; letter-spacing:-2px;}
.nivo-caption a:hover{ background-position:bottom}
.color1 p{ color:#454545}
.nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
.nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
.nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}
#contacts-form .rowElem {
          height:40px;
          #contacts-form .rowElem span {
                    display:block;
                    width:300px;
                    height:26px;
                    margin-bottom:6px;
                    background:url(../images/input-bg_2.png) no-repeat left top;
#contacts-form input {
          background:none;
          border:0;
          line-height:1.2em;
          vertical-align:top;
          margin:5px 0 0 10px;
          color:#8c8d8d;
          width:300px;
#contacts-form .rowElem1 span {
          display:block;
          width:300px;
          height:175px;
          margin-bottom:21px;
          background:url(../images/textarea-bg.gif) no-repeat left top;
#contacts-form textarea {
          width:300px;
          height:168px;
          overflow:auto;
          background:none;
          border:0;
          color:#8c8d8d;
          padding:5px 0 2px 10px;
#contacts-form .link2 {
          margin-left:15px;
/*==========================================*/
The HTML is:
<!DOCTYPE html>
<html lang="en">
<head>

<title>TravelSober.com Eastern Caribbean Sober Cruise</title>
<meta name="keywords" content="Sober cruise, sober cruises, sober cruise vacations, sober holidays, sober travel, sober vacation, sober vacations, aa convention, sober safari, sober travel.">
<meta name="description" content="Find out more about our Eastern Caribbean Sober Cruise or any of our other sober vacations.">

<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">


<style type="text/css">
body,td,th {
          font-size: 92%;
</style>


<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21210386-3']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="images/favicon.ico" rel="SHORTCUT ICON">
</head>
<body id="page7">
<div id="main">
   
   <header>
     <h1><a href="index.html"><strong>TravelSober.com</strong></a></h1>
      <div class="nav-box">
         <div class="left">
            <div class="right">
               <nav>
                  <ul>
                     <li><a href="index.html"><span><b>Home</b></span></a></li>
                     <li><a href="about-us.html"><span><b>About Us</b></span></a></li>
                     <li><a href="planned-trips.html"><span><b>Planned Trips</b></span></a></li>
                     <li><a href="instant-specials.html"><span><b>Bob's Super Specials</b></span></a></li>
                     <li><a href="testimonials.html"><span><b>Testimonials</b></span></a></li>
                     <li><a href="contact-us.html"><span><b>Contact Us</b></span></a></li>
                  </ul>
               </nav>
            </div>
            <a href="#" class="rss">RSS</a> </div>
      </div>
      <ul class="banners">
         <li>
            <div class="box">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Sober Cruises</h2>
                        <p>Our cruises go to the best destinations on earth on a budget or in 6 Star luxury.</p>
                        <div class="wrapper"><a href="planned-cruises.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
         <li>
            <div class="box style1">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Friends of Lois Trips</h2>
                        <p>Al-Anon conferences and vacations</p>
                        <div class="wrapper"><a href="friends-of-lois-trips.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
         <li>
            <div class="box style2">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Conventions</h2>
                        <p>We take advantage of the many worldwide AA conventions combining them with tours.</p>
                        <div class="wrapper"><a href="sober-cruise-greece-2013.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
         <li>
            <div class="box style3">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Recovery</h2>
                        <p>Check out our sober resources page for all fellowships and the chance to meet new friends.</p>
                        <div class="wrapper"><a href="recovery-resources.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
      </ul>
   </header>
   <div class="main-box">
      <div class="left-top-corner">
         <div class="right-top-corner">
            <div class="border-top"></div>
         </div>
      </div>
      <div class="border-left">
         <div class="border-right">
            <div class="xcontent">
               <div class="tail">
                 <div class="inner2">
                     
                     <section id="content">
                        <h2><b>Costa Caribbean Cruise on the Mediterranea
- November 30 – December 10, 2012</b><br><br>
                        <b>From $699 Per Person / Double-Occupancy. 10 days for the price of 7!</b></h2>
                        <p> <img src="images/costa-mediterranea-sober-cruise- caribbean-2012.jpg" alt="sober_cruise_caribbean" width="320" height="204" align="right"></p>
                        <h5>Enjoy the Bahamas, Jamaica, Grand Cayman Islands, Roatan, Belize and Cozumel with a round-trip from Miami. You will experience great Italian cuisine, fabulous entertainment and famous <i>In This Life</i> Custom Excursions. We will feature the best of snorkeling, scuba, golf, dolphin encounter and much more!<p></p>Get on board for one of our latest once in a lifetime opportunities. Costa Cruises has reached out to showcase their ships and famous Italian ambience. We have traveled extensively with Costa on one of their best vessels, the Mediterranea. <p></p>This is one of the most popular vessels in the Costa fleet and has been enjoyed by hundreds of <i>In This Life</i> clients. Costa has extended special rates because of the unfortunate accident in Europe. They are giving <i>In This Life</i> guests 10 days for the price of 7 with free upgrades on their November 30 combination Eastern-Western Caribbean cruise.<p></p>Join us for various meetings onboard everyday!</h5>
                        <h5>10-day itinerary includes: <dir>
                       <p>Day 1: Depart 9.00pm: Miami, Florida,<br>
                       Day 2: 9.00am - 6.00pm: Nassau, Bahamas,<br>
                       Day 3: At Sea,<br>
                       Day 4: 12.00pm - 7.00pm: Ochos Rios, Jamaica,<br>
                       Day 5: 9.00am - 6.00pm: Grand Cayman,<br>
                       Day 6: At Sea,<br>
                       Day 7: 8.00am - 6.00pm: Roatan, Honduras,<br>
                       Day 8: 8.00am - 5.00pm: Belize,<br>
                       Day 9: 8.00am - 7.00pm: Cozumel, Mexico,<br>
                       Day 10: At Sea,<br>
                       Day 11: Miami, Florida: Arrive 8.00am.</p>
                       </dir><h2>ITL special - Save up to $200 per person! These are exclusive prices ONLY AVAILABLE from <i>Travel Sober</i>. </h2>
                       <img src="images/Cribbean-sober-cruise-2012.jpg" alt="sober_cruise_caribbean" width="394" height="264" align="right">
                   <h5><p></p>Inside Cabin: $699<br>Ocean View Cabin: $699<br>Deluxe Ocean View Cabin: $899<br>Veranda Cabin: $899</p>
                       <p></p>
                       <p>Book an Inside Cabin for $699 and be upgraded for free to Ocean View.
<p></p>Book Deluxe Ocean View for $899 and be upgraded for free to Veranda.
Other free upgrades within categories – placement on first come, first served basis.
<p></p>This is a Sober Cruise. Get a group together and get extra PERKS!
</p>
                       <p><h2>Deposit now for best cabin placement, specials and free upgrades!</h2><br><br>
                       <img src="images/in-this-life-logo.jpg" alt="sober_cruise_caribbean" width="300" height="214" align="middle">
<h5><h2>
Call or Email Us Today</h2></a>
<p></p><h2>Office: (805) 927-6910</h2>
<h2>Toll Free: (800) 531-7578</h2>
<p></p><br>
<h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a><br>
<h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a>
</p></h5>
                   </section>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   
   <footer>
      <div class="right">
         <div class="tail">


The MORE buttons aren't images. They are in the HTML and appear to be styled with CSS to look like button images.
     <span><b>more</b></span>
Unfortunately, Design View is incapable of displaying CSS border-radius, gradients, shadows and other CSS level 3 properties.   That's why we have Live View which behaves more like a real browser.
If you can't live with this, disable CSS in DW by going to View > Style Rendering > untick display styles.
Or, use a Design-Time Style Sheet that contains no CSS level 3 properties.
Nancy O.

Can't edit text in CS3 design view

Hi,
I have a big absolutely positioned DIV tag in most of my
pages, practically the whole page content is inside it.
In DW CS3 design view very often (maybe 50% of all times) if
I click inside it to edit the text, DW selects the entire DIV tag.
The cursor becomes like a cross with arrows, the DIV border becomes
outlined with a thick blue line, and I can't edit the text no
matter how much times I click. If I move the mouse with left button
pressed, this moves the DIV and changes the .css file where the
position is defined. DIV can't be de-selected with Escape, left or
right clicking.
The only way to get out of this is to click somewhere in the
code view, then go back to design view where hopefully text can be
edited. Sometimes I have to repeat this twice or even 3 times ,
it's extremely annoying and time consuming.
Is there any workaround?
Like to disable selection of containers in design view, or at
least a quick way to deselect the current selection?
This problem does not appear in DW8 when editing the same
files.
thanks

> I have a big absolutely positioned DIV tag in most of my
pages,
> practically
> the whole page content is inside it.
Nasty. Why?
Do you have an overflow style on this div?
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
==================
"harpo_" <[email protected]> wrote in
message
news:f0igi1$3dn$[email protected]..
> Hi,
>
> I have a big absolutely positioned DIV tag in most of my
pages,
> practically
> the whole page content is inside it.
> In DW CS3 design view very often (maybe 50% of all
times) if I click
> inside it
> to edit the text, DW selects the entire DIV tag. The
cursor becomes like a
> cross with arrows, the DIV border becomes outlined with
a thick blue line,
> and
> I can't edit the text no matter how much times I click.
If I move the
> mouse
> with left button pressed, this moves the DIV and changes
the .css file
> where
> the position is defined. DIV can't be de-selected with
Escape, left or
> right
> clicking.
> The only way to get out of this is to click somewhere in
the code view,
> then
> go back to design view where hopefully text can be
edited. Sometimes I
> have to
> repeat this twice or even 3 times , it's extremely
annoying and time
> consuming.
>
> Is there any workaround?
> Like to disable selection of containers in design view,
or at least a
> quick
> way to deselect the current selection?
>
> This problem does not appear in DW8 when editing the
same files.
>
> thanks
>
>

DESIGN VIEW in blocks, dashed lines

I'm using DW CS5.5. Up until today, design view was working. Now I'm getting everything in blocks with dashed lines surrounding it. I have no idea how this happened or how to get it to go back to a usable design view. Live View is working, but I really need Design View to also work.
I've tried finding an answer in the Adobe manuals, but that was fruitless. No "troubleshooting". DW CS5.5 seems to be a very glitchy application -- I've searched the web and there seems to be a lot of people out there who are having problems with DW that just pop-up out of no where and then fixing them takes hours and lots of researach. I've tried posting on this forum before, but never got a reply and there's no Adobe support that seems to be available where someone can ask a question. So, I guess this is it. Can anyone out there tell me why they think this happened all of a sudden and on it's own? Thank you.

Hi Nancy,
Well, you know that old saying, "can't see the forest for the trees". I didn't reboot, but I did shut down DW and restarted it, and to my great surprise, Design View was back in WYSIWYG. I hadn't really been doing anything before this happened, just had switched to Live View and then back to Design View. My computer is 1.5 months old and it's a dual processor, top of the line Toshiba, so I don't think that was the issue. Who knows with this software, I'm finding this version of DW CS5.5 to be very glitchy.
If you would, could you please look at my other post I just put out there regarding why my Footer won't clear the buttom of the above div's. I've tried everything, but nothing is working except giving it a Position:Absolute. I want to give it a Position:relative and then just have it clear the div's above it. The content background div also won't go all the way down. I think I must have SOMETHING in there that's causing these div's to stop, but I've looked and looked and used the "comments" code to disable and then turn back on one by one and still can't find a solution. It's very frustrating, especially since it's also now affecting my template since I made everything editable for my new pages I need to prepare.
Btw, nice to hear from someone, I've posted before and never seem to get an answer or even response. Trying to contact Adobe seems to be of little use. Again, thank you.

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>

JSF design view - visual components are shrinking

Hello,
I have some strange issue while using Design view for JSF and data binding.
Once I drop any data control elements into visual component (panel, etc) my visual components are shrinking to such size, that I cannot distinguish any elements within design view. I cannot use design view since then and have to place all elements base on structure panel.
How to reproduce:
1. Create new JSF page with wizard and accept defaults.
2. Drop one of the panels (panel box, panel group layout) into JSF layout
At this stage my visual elements occupy 100% of design view screen and represent anticipated outcome
3. Drag and drop one of the data control elements (data control panel) into created panels on JSF and create table or form
Immediately after it visual panel where data control was dropped shrinks to approximately 1/4 of the screen and I cannot see neither available space nor created table for my data components.
I figured out, that if I remove created by wizard default <af:messages> tag from the top of my JSF, then design view representation fixes. Not sure if I should remove <af:messages> from all my pages.
Above all looks to me as and bug.
Environment:
-Jdeveloper 11g
-Windows Vista 64b
-Not bundled JDK 6

Hi Shay,
Thank you for response.
1. I tried to play with screen size without result
2. I checked your video post, but this does not resolve my issue
3. This issue occures with all JSF pages and can be reproduced even when following official Oracle step by step tutorials.
4. I figured out, that removing <af:messages> tag resolves the issue ?! It seems this tag is added by default during drag and drop binding.
5. On this link http://drop.io/jdev_001 you can see how design view is changes with and without <af:messages> tag
6. Below is code example from one of the tutorials, that leads to shrinking as well:
7. Once app is deployed and running page get normal view in IE as expected, so it seems to me, it is issue with Jdev design view, probably influenced by my environment, if nobody reported it before.
Thank you for your help.
===========================================================================
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<af:document id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">

<af:decorativeBox theme="dark" id="db1">
<f:facet name="center">
<af:decorativeBox theme="medium" id="db2">
<f:facet name="center">
<af:panelFormLayout id="pfl1">
<af:inputText value="#{bindings.p_name.inputValue}" label="#{bindings.p_name.hints.label}"
required="#{bindings.p_name.hints.mandatory}" columns="#{bindings.p_name.hints.displayWidth}"
maximumLength="#{bindings.p_name.hints.precision}" shortDesc="#{bindings.p_name.hints.tooltip}" id="it1">
<f:validator binding="#{bindings.p_name.validator}"/>
</af:inputText>
<af:commandButton actionListener="#{bindings.getEmployeesFindByName.execute}" text="getEmployeesFindByName"
disabled="#{!bindings.getEmployeesFindByName.enabled}" id="cb1"/>
<af:panelFormLayout id="pfl2">
<af:inputText value="#{bindings.commissionPct.inputValue}" label="#{bindings.commissionPct.hints.label}"
required="#{bindings.commissionPct.hints.mandatory}" columns="#{bindings.commissionPct.hints.displayWidth}"
maximumLength="#{bindings.commissionPct.hints.precision}" shortDesc="#{bindings.commissionPct.hints.tooltip}"
id="it4">
<f:validator binding="#{bindings.commissionPct.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.commissionPct.format}"/>
</af:inputText>
<af:inputText value="#{bindings.email.inputValue}" label="#{bindings.email.hints.label}"
required="#{bindings.email.hints.mandatory}" columns="#{bindings.email.hints.displayWidth}"
maximumLength="#{bindings.email.hints.precision}" shortDesc="#{bindings.email.hints.tooltip}" id="it7">
<f:validator binding="#{bindings.email.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.employeeId.inputValue}" label="#{bindings.employeeId.hints.label}"
required="#{bindings.employeeId.hints.mandatory}" columns="#{bindings.employeeId.hints.displayWidth}"
maximumLength="#{bindings.employeeId.hints.precision}" shortDesc="#{bindings.employeeId.hints.tooltip}"
id="it6">
<f:validator binding="#{bindings.employeeId.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.employeeId.format}"/>
</af:inputText>
<af:inputText value="#{bindings.firstName.inputValue}" label="#{bindings.firstName.hints.label}"
required="#{bindings.firstName.hints.mandatory}" columns="#{bindings.firstName.hints.displayWidth}"
maximumLength="#{bindings.firstName.hints.precision}" shortDesc="#{bindings.firstName.hints.tooltip}" id="it3">
<f:validator binding="#{bindings.firstName.validator}"/>
</af:inputText>
<af:inputDate value="#{bindings.hireDate.inputValue}" label="#{bindings.hireDate.hints.label}"
required="#{bindings.hireDate.hints.mandatory}" shortDesc="#{bindings.hireDate.hints.tooltip}" id="id1">
<f:validator binding="#{bindings.hireDate.validator}"/>
<af:convertDateTime pattern="#{bindings.hireDate.format}"/>
</af:inputDate>
<af:inputText value="#{bindings.jobId.inputValue}" label="#{bindings.jobId.hints.label}"
required="#{bindings.jobId.hints.mandatory}" columns="#{bindings.jobId.hints.displayWidth}"
maximumLength="#{bindings.jobId.hints.precision}" shortDesc="#{bindings.jobId.hints.tooltip}" id="it2">
<f:validator binding="#{bindings.jobId.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.lastName.inputValue}" label="#{bindings.lastName.hints.label}"
required="#{bindings.lastName.hints.mandatory}" columns="#{bindings.lastName.hints.displayWidth}"
maximumLength="#{bindings.lastName.hints.precision}" shortDesc="#{bindings.lastName.hints.tooltip}" id="it8">
<f:validator binding="#{bindings.lastName.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.phoneNumber.inputValue}" label="#{bindings.phoneNumber.hints.label}"
required="#{bindings.phoneNumber.hints.mandatory}" columns="#{bindings.phoneNumber.hints.displayWidth}"
maximumLength="#{bindings.phoneNumber.hints.precision}" shortDesc="#{bindings.phoneNumber.hints.tooltip}"
id="it9">
<f:validator binding="#{bindings.phoneNumber.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.salary.inputValue}" label="#{bindings.salary.hints.label}"
required="#{bindings.salary.hints.mandatory}" columns="#{bindings.salary.hints.displayWidth}"
maximumLength="#{bindings.salary.hints.precision}" shortDesc="#{bindings.salary.hints.tooltip}" id="it5">
<f:validator binding="#{bindings.salary.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.salary.format}"/>
</af:inputText>
<f:facet name="footer">
<af:panelGroupLayout layout="vertical" id="pgl1">
<af:panelGroupLayout layout="horizontal" id="pgl2">
<af:commandButton actionListener="#{bindings.First.execute}" text="First" disabled="#{!bindings.First.enabled}"
partialSubmit="true" id="cb2"/>
<af:commandButton actionListener="#{bindings.Previous.execute}" text="Previous" disabled="#{!bindings.Previous.enabled}"
partialSubmit="true" id="cb3"/>
<af:commandButton actionListener="#{bindings.Next.execute}" text="Next" disabled="#{!bindings.Next.enabled}"
partialSubmit="true" id="cb4"/>
<af:commandButton actionListener="#{bindings.Last.execute}" text="Last" disabled="#{!bindings.Last.enabled}"
partialSubmit="true" id="cb6"/>
</af:panelGroupLayout>
<af:commandButton text="Save" id="cb5" actionListener="#{bindings.mergeDepartments.execute}"
disabled="#{!bindings.mergeDepartments.enabled}" action="browse"/>
</af:panelGroupLayout>
</f:facet>
</af:panelFormLayout>
</af:panelFormLayout>
</f:facet>
</af:decorativeBox>
</f:facet>
</af:decorativeBox>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>
</jsp:root>
Edited by: user555411 on May 2, 2010 2:08 PM

Design View not displaying external files...HELP!

This is my second attempt asking for anybody's help. I'm using Dreamweaver 8.0.2 (OS X 10.4.11) and when I open "any" of my local files In "Design View" NO external files loads. Here's what I've done so far to no avail:
Delete "site cache"
Delete all pref files
Made sure "Display External Files" is check
Made sure "Style Rendering --> Display Files" is check (using screen media type)
Check that my firewall is disabled
Renamed local root DIR of site file
Searched the web, forums, etc...none of the answers worked
Reinstalled DW 8.....TWICE!
2 weeks ago I did updates to my website and everything was just fine. And now, nothing is working. All I can see is text and all of DIV blocks...but all external CSS and INC files fails to load. Been trying to fix this for 2 days now. Can anyone "please" give me some ideas to fix this problem.

Hi - without seeing the actual page code, I'll take a stab that possibly you've lost the link to your stylesheets...?
If you view the code, somewhere inside the "head" tags (generally right under the "Title", you should have a reference to any of your external stylesheets/images, etc.) Something like this:
<link href="name_of_stylesheet.css" rel="stylesheet" type="text/css" />
If no images are showing up as well, my guess is that you've moved the page (or the images and stylesheet) into a different folder/or subfolder without updating the links. Any time you move a file, it should be done within dreamweaver (and it will always ask if you want to update links). If you move a file without using DW, it will definitely break all links, and no amount of re-installing, re-caching, etc. will fix it (sorry)...
If this is the case, the best way to rectify would be to move the file back to where you had it... if this isn't the reason for the broken links, you'll need to manually re-update all of the links because something else has broken the linkage... (sorry again...)
Hope that helps,
Jesse

Design View Not Showing Up In Master On Plan View Page

Five days ago I downloaded a trial version of Muse and tried building Katies-cafe. Everything went OK except that the Design view is not showing up in the Master. Any Ideas? I disabled and re-enabled the thumbnail checkmarkin Plan view, and I also tried reseting the page properties in Design View, but it still doesn't work.

Hi smartserpent,
Can you post a screenshot of what you are seeing?
Thanks,
Preran

Drag and Drop Photos in Design View?

Hey all,
I feel like I'm going insane! I've used Dreamweaver for probably a decade now and the latest CC won't allow me to drop pictures into design view? I'm using MAC OSX Mavericks. Has this been disabled somehow?

Hi,
quoting from http://forums.adobe.com/message/5445040#5445040 (5. webdevandy): "drag and drop has always been available in Code View AND Design View. This ability was removed in Code View from a later build of CS6 CC. Design View still has drag and drop."
In my view it is to add:
1. You have to store/save your file first. (see screenshot of my German DW) > click OK.
2. You have to store/save your image into your rootfolder, DW "invites you to do this (see screenshot of my German DW). Click OK.
and behold, now your image appears.
Good luck!
Hans-Günter
P.S.
Since I can work with two screens I can store my images on my desktop too.

Buttons in design tab are disabled in DAC

Hi Gurus,
I imported the universal, Oracle11.5.0 repositories from DAC repository management, when I go to the design view New, reference, Save, Undo, Delete buttons are disabled. Could you suggest how to fix this ? Am I missing something ?
Thanks
Edited by: obiaguy on Apr 3, 2012 10:06 AM

you can't edit pre build application as such you need to create new container using imported application ex: siebel and then edit newly created container as needed.
this is because you can always comeback to original container if something goes wrong in custom.
Thanks
Jay.

Why Design View will be removed?

My question is that: why Design View will be removed from Flash Builder?
Will it be substituted by another way of doing the things visually? Will adobe provide other visual tool to design applications? Disabling Design view and extinguing Catalyst seams that we will not any more visual tools. Is there any other plans for visual tools or Flash Designers or they will have to do the things in code-only?
Thanks

Whaaaa...... XML was designed to me machine read not human read! How can any sane person prefer to work purely in a horribly confusing environment when you can put your widgets directly onto a form and go from there? If Microsoft told all developers to develop their apps in pure code and run them to see, Visual Studio would not exist! For an example, you only went inside the VB6 .frm files when somthing went very badly wrong, as the display layout was totally seperate from the language code, and the base of Rapid Application Development was that the IDE did the heavy lifting of setting up the GUI and eased your code into it. That family of development tools more or less dominated desktop development from 1996 till today... But only on Windows. And so you all want to go back on that and do things the hard and slow way? I'm gutted.
You have the perfect environment for a multi-platform IDE, a proven language, a multiplatform system even mobile support in a one stop shop for Rapid Application Development that can be deployed to anything. I do not want to play with your MXML. I find it messy, clunky and slow. I do not want to mess with hand crafting each and every component... I can do it without even having to think about it with a GUI builder that is supposed to help me. If I wanted to hack around manually in source files and fiddle with declarations, correct typecase, naming and options for hours to get a script to run, I can do that already and it's called HTML+AJAX... Flex Builder was supposed to be a step forwards. Why throw it into reverse?
I was seriously thinking about using Flex and Air as a VB6 and C# replacement but this is a deal breaker...Well, this version should be supported for 5 years by Adobe according to their roadmap so in time I just hope that now the builder evolves for the better under Apache in that time and not get managed by people who prefer coding in VIM and ignore everyone else
Daniel

Design View is disabled

Similar Messages

Maybe you are looking for