Reset defaults to responsive design view

I have mistakenly removed presets in the "responsive design view" option found under "Web developer" option in menu. Is there a way to bring them back. I don't wan't to reset my firefox to factory settings.
Any help shall be appreciated.
Thanks

Resetting is the best way to restore what you lost.

Similar Messages

Set 'Responsive Design View' as a default view

Is there a way to set 'Responsive Design View' as a default view every time I open a page?
Thanks in advance.

Hi lanapetkovic,
Thank you for your question. Currently there is a keyboard shortcut to open up Response Design View.
[https://support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly Keyboard Shortcuts in Firefox]
However this is the second question about this, I created a bug to request this: [https://bugzilla.mozilla.org/show_bug.cgi?id=1045785]

How to add multiple presets to responsive design view without having to resize the screen each time

I want to be able to add multiple screen size presets to the responsive design view capability but don't want to have to resize the screen and add each one individually via the custom preset function.
Have seen that some posts on the internet (http://g-liu.com/blog/2013/08/firefox-rdm-presets/) that say this can be done but cannot find where the config is held in ver 26.0?

You can also do the opposite and create custom settings in the responsive design mode window.
You can hold down the Shift key and drag the borders via the (right border, bottom border, bottom right corner) resize icons to get specific dimensions and give the current custom setting a name to add them as a preset.
This will add the preset to the devtools.responsiveUI.presets pref.
See also my post here for a bookmarklet.
*[[/questions/957590]]
You can paste the current value of the pref in the prompt to see a list of currently defined presets.<br />
You can add a new preset by entering the width,height,name values in the prompt.<br />
Copy the new preset list to the pref.
<pre><nowiki>javascript:(function(){
function rdObj(w,h,n){with(this){key=w+"x"+h;if(n)name=n;width=w;height=h;}}
rdObj.prototype={key:"",name:"",width:"",height:""};
var n={},p='<width>x<height> <name> OR width,height,name',rd=[];
while(p!=null){
p=prompt(p,JSON.stringify(rd));
if(/^(\d{3,4})[,x](\d{3,4})([, ](.+))?$/.test(p)){
n=new rdObj(RegExp.$1,RegExp.$2,RegExp.$4);rd.push(n);
}else{try{rd=JSON.parse(p);}catch(e){}}
}})()</nowiki></pre>

Why can I export (and import)the different sizes that I put in the "Responsive Design View"?

Hello
I have troubles when try to import or export the different sizes of the Responsive Design View, I manage at least 13, and it's a little preposterous to add one by one. There are a method that export/import them?
Thanks

There is a way to store custom settings for responsive design.
You can create custom settings in the responsive design mode window.
You can hold down the Shift key and drag the borders via the (right border, bottom border, bottom right corner) resize icons to get specific dimensions and give the current custom setting a name to add them as a preset.
This will add the preset to the <b>devtools.responsiveUI.presets</b> pref that you can inspect on the <b>about:config</b> page.
Those settings are stored in JSON format.
<pre><nowiki>[{"key":"360x640","width":360,"height":640},{"key":"768x1024","width":768,"height":1024},{"key":"800x600","name":"8x6","width":800,"height":600},{"key":"800x1280","width":800,"height":1280},{"key":"980x1280","width":980,"height":1280},{"key":"1280x600","width":1280,"height":600},{"key":"1920x900","width":1920,"height":900}]</nowiki></pre>
See this thread for some JavaScript code to add extra sizes:
*[[/questions/957590]]
You can paste the existing JSON value of the devtools.responsiveUI.presets pref in the prompt and click OK.
Extra values can be added by typing its dimensions (<width>x<height> <name>).
You can paste the resulting JSON value back to the devtools.responsiveUI.presets pref or save it.

HELP...I can't reset default views...how do I set "designer view" to default that shipped with product.

Help...how do I reset "Designer View" to what shipped with product. I was using a tutorial and totally messed up the designer default view, and cannot restore it by going to workspace "Designer View" reset...it just resets it to the same corrupted view. I seem to be stuck in live mode with no buttons to come out of live mode.

While in the Designer space, have you tried choosing Windows > Workspace Layouts > Reset 'Designer' ? If that doesn't work, you may have accidentally overwritten the default Designer workspace with the one you see now. If that's the case, one (pretty drastic) alternative is to reinstall. Another less drastic approach, is to replace the Designer.xml in your user Configuration > Workspace folder with the one I've attached.
Let me know if you need help finding your user Configuration folder.
Best - Joe
Joseph Lowery
Author, Dreamweaver CS4 Bible

12c design view of JSF page fails to render with 'Loading failed Reason: Connection reset by server'

When in the design view of a JSF page, the page never renders in JDeveloper 12c. Instead I get an error message 'Loading failed Reason: Connection reset by server'. I traced this to a conflict with the port used by Cisco Anyconnect (5001) which seems to be something JDeveloper uses as well to render the page. Is there a way to change the port used to render the page in design mode? I could not find any settings in the preferences.

Hi Frank,
The proxy settings are set to use the system default proxy settings in JDev and I have not needed to change it when VPN'ed.
The product that is in conflict is the 'AnyConnect Web Security Agent' (acwebsecagent.exe) which runs whether I am on vpn or am in the office - it is listening on port 5001 and that is the same port jdev64w.exe is listening to when rendering the page in the design mode. I confirmed this using netstat -ab. After getting the conflicting program switched off temporarily, the design mode of the page was rendered within the IDE so that I could then drop components on the design surface.
Since I cannot get the Cisco product to listen on a different port, I am hopeful there is a way to modify the port used by JDev.
Thanks,
Sunil

How to add default values when adding custom component to design view?

I have a set of custom components (usually) extending Spark components. But when adding our custom component onto design view, how can I define defult values (in AS3).
For example, s:Button has default label = 'Button' when added to application, or mx:DataGrid has 3 columns predefined, but when using custom components there are no predefined values like this.
I can put this values in constructor, but they are not visible in design time, only runtime.
Any ideas? Thanks
Esmin

yes, I am. By the way I've found the solution. Someone might find this usefull.
In design.xml having
<component name="ExtendedTextInput" namespace="mynamespace" category="beta" displayName="ExtendedTextInput"/>
use this
<component name="ExtendedTextInput" namespace="mynamespace" category="beta" displayName="ExtendedTextInput">
<defaultAttribute name="text" value="ExtendedTextInput"/>
</component>
so when adding this component to design view, it will have text setted to value ('ExtendedTextInput' in this case).

Dreamweaver CS5 Design view defaults to print style

I created a separate style sheet for printing, and it works everywhere except one place in Dreamweaver CS5. If I open one of my pages in source code, it looks normal, and I can see where the new code is for printing ...
<link rel="stylesheet" type="text/css" href="css/stylemain.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
However, if I switch over to Design view, it shows up in the print style. It does not do this in Live View and it does not do this on the site itself. I'm stumped.
http://www.keithpurtell.com/kthings/gway.htm

HealthcareHelper wrote:
After quitting and restarting Dreamweaver, the Design view functions normally again. Obviously a bug, but I don't know how to report it. I'll poke around the Adobe site.
If the program works normally after restarting, it's unlikely to be a reproducible bug. It could be a computer memory problem or user error. However, the correct place to report bugs (and feature requests) is through the form at http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform.
If you experience the same problem again, make sure that View > Style Rendering is set to Screen Media Type. You can also select the media type from the Style Rendering toolbar, which is not displayed by default. To turn it on, select View > Toolbars > Style Rendering.
You can use the Style Rendering submenu or toolbar to check other media types, including Print. It's possible that you had Print Media Type selected by accident.

Default to Design View???

I am using Dreamweaver CC 2014. Does anyone know how to have documents open in design view by default? All of my documents currently open in Code View.

You probably have CC 2014.1 (October release) where this was changed.
New Features in CC 2014.1 October Release
http://helpx.adobe.com/dreamweaver/using/whats-new.html
You're not alone. Please see link in the Ideas Section.
Split view default
Nancy O.

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.

My site will not load in design view?

I can not figure this out for the life of me but I am hoping someone here can give me a simple solution. I have spent endless hours trying to figure out why my site will not load when attempting to open any of the template or html files of my local site in design view. They open fine in Code view but when I click on design view, I get an hour glass that only goes away if I close dreamweaver using ctrl + alt + delete and use the task manager to close the process. My web address is www.thebluedot.net if that helps...
Any web pages outside of my actual site open fine so I am not sure what is causing the issue with my site itself? I have opened the template and have deleted all the code from it and attempted to view the file in design view and still get the same problem. Is there perhaps something simple that I am overlooking? My site worked fine in design view several days ago and I can not think of any changes that I made that may be causing the problem. I have uninstalled and reinstalled the entire adobe suite and I am still having the issue.
I am running on Windows Vista and have 4 gigs of ram and a 2.6 Core Duo processor if that helps.
Please help me out here. Really would appreciate any help you can provide!

Really appreciate your response.
I am using Dreamweaver CS4 and I tried deleting the config folder. Still no luck...
Eerything opens fine except for files fom my site. I have deleted the site from Manage Sites and recreated it but still am having the same problem.
When I delete the Configuration folder do I have to reset it up some how? Why is dreamweaver rendering all my other files outside of my site folder successfully in desgn view and not giving any other files an issue? I really hope I can get this resolved soon.
Again, appreciate your help.

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 Issue Dreamweaver CS4 - Taking forever to load design view

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

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

All or None Responsive Design

Here's the thing - when you have some objects (text boxes) that are responsive, but the webpage they are built upon is not, you can end up with some seriously frustrating issues, such as objects moving from their X/Y coordinates from design to preview to published. If I put something at nX and nY, I wanted it right there in relation to the the page I placed it on. I don't want it moved by x pixels because on page A there was a scroll bar and on page B there was not.
The issue also causes objects to randomly resize and shift even when a scroll bar is not at issue, skewing carefully laid design elements and causing no end of frustration.
So, if, as I've read here and elsewhere, Muse has no intention of creating responsive design for whole pages, then the responsive elements within static pages need to be an option, not the default with no way to create a static design.
Thanks!

Intractable,
Kind of in a rush today, but I promised a rationale for why iTunes U is working as intended…why what you get is really more of a feature and less of a bug.
Consider a site that is private and has content that should only be viewed by people who first authenticate to a portal website. For example, at your school, you might want to limit the content for a particular course to the people who are enrolled in it. If you could interrupt a download, and later restart it, then it would, conceivably, be possible to get access to content that you are no longer entitled to have. A public (non-iTunes U) podcast is different. People who podcast that way have absolutely no control over who may access content and for how long that access can persist. That is why such sessions do not time-out.
iTunes U sessions have fixed durations in order to protect your content…the content that you want to keep private. The downside is, of course, that if you cannot get content after a fixed time, you will have to reestablish an authenticated iTunes U session. This is similar in concept to what a lot of banking websites do…if you let any web session go unattended for five minutes or so, the bank's website invalidates your web session so-as-to protect your account.

Reset defaults to responsive design view

Similar Messages

Maybe you are looking for