How to hide content in design view within Dreamweaver?

How can I hide content in design view within Dreamweaver?
I have a tabbed content menu that uses some javascript. Everything looks great in Live view, but when I go to design view, all the content goes way beyond the div. How can I make it to where I can hide the content in that div in design view or wrap it completely inside of there? It's really hard to explain which is why I provided some pictures!
LIVE VIEW
DESIGN VIEW
Thank you in advance for all the help!
Dalton

Humm....... you want to hide it in Design View whilst working on the rest of the site?
If that is the case set the menu container <div> to display: none; -
<div id="menu" style="display: none;">This is the content menu</div>
Then either set it to display: block; when you're ready to view it live or remove the style completely.

Similar Messages

How do I view content in Design view once everything is grayed out?

I was building a web site. When I switched from horizontal view to vertical view I was no longer able to view content in design view. The entire page was grayed out. I'm also not able to view content in design view in other web sites too. How do I fix it?

Well, yes the rest of the phone works, but the sole reason I got it was to able to view these files. I had a Blackberry and I wanted a bigger screen. Work allowed me to choose the iPhone or the latest Galaxy phone. I chose the iPhone because I was told "it just works".
I know the Galaxy reads the .txt files because coworkers have it. If the iPhone wont allow me to read the file then it doesn't matter if "it just works" because it can't do what I need it to do.

How to hide subfolders in Outlook view in iPhone

Need to hide all subfolders tht comes over from Outlook into my iPhone, takes forever to scroll down when all is showing. Is there a way?

Humm....... you want to hide it in Design View whilst working on the rest of the site?
If that is the case set the menu container <div> to display: none; -
<div id="menu" style="display: none;">This is the content menu</div>
Then either set it to display: block; when you're ready to view it live or remove the style completely.

How to view semantic css based layouts in design view in dreamweaver?

Hi all,
I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
Any help would be great

Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
The term "WYSIWYG" never applied to DW. It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said. It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about. This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

Path issue leaving me unable to add blog post content in design view

Hi guys,
I am unable to add blog post content in design view when a template is applied to my blog. BC support have told me they fixed the problem by making minor changes to the paths of the css and javascript files and then told me to post on here for the solution.
When I call the files using <link rel="stylesheet" href="/css/custom.css" /> everything displays perfectly but in BC I can't add blog post content in design view. I can edit in html but this isn't ideal for clients to update the blog.
If I change the paths to <link rel="stylesheet" href="css/custom.css" /> it fixes the problem and I can then edit blog content in design view but all blog pages that are in folders display incorrectly. Only the main blog page display properly.
I'm sure the answer is simple but I can't find it so any help would be greatly appreciated. Thanks
Pete

I took a look at your page URL and can't find any CSS issues or styles that would directly affect you editing/adding content to a blog post via the content editor.
Make sure you either clear your cache or try in another browser to see if the problem is localized to your current browser.
If you still have the problem can you link me to a screencast (you can use Jing if you don't have a screencast program: http://www.techsmith.com/jing.html) of what you are experiencing?

How to hide the Columns and Views for Login user in SharePoint 2013

Hi Friends,
How to hide the Columns and Views for Login user in SharePoint 2013? Is it possible using OOB features? If not possible how can we hide the Columns and Views for Login user?
Could you please help on this.
Thanks,
Tiru
Tiru

Hello Tirupal,
There is no OOB way to do this.
Please check this codeplex solution to achieve the same.
https://sp2013columnpermission.codeplex.com/
My Blog- http://www.sharepoint-journey.com|
If a post answers your question, please click Mark As Answer on that post and Vote as Helpful

How to hide content in my page..

Hello support,
How can i hide my discussions, to be shown in my page, exacting how to hide contents tab in my SCN page so that no one can see my discussions, who visit to my page.
Thanks.

No. You can't hide the content tab from your profile.
I can see you haven't posted any discussion yet. Why you want to hide it ?

Output shown in Design view of Dreamweaver CS6 is not same as shown by the browsers

I have made a yoga website http://ballychohan.co/ in Dreamweaver CS6. I faced this problem while designing the website.The results shown by Design view in Dreamweaver is not correct. It made me very confused at the starting. Please tell me how to overcome this problem of DreamWeaver. Should I install a lower version of Dreamweaver ?

Bally Chohan wrote:
I have made a yoga website http://ballychohan.co/ in Dreamweaver CS6. I faced this problem while designing the website.The results shown by Design view in Dreamweaver is not correct. It made me very confused at the starting. Please tell me how to overcome this problem of DreamWeaver. Should I install a lower version of Dreamweaver ?
Does the page show correctly in a browser?
Dreamweaver design view is not very reliable at renedering designs exactly the way you want them to look, especailly if you use more of the complex and up-to-date css, now available. Dreamweaver is always playing catch-up in that area.

Floated element breaks Design view in Dreamweaver CS3

I've tried searching for this issue but haven't found a fix yet and could use some help.
I am redesigning a site and am adding a fluid box to the page. This floated element breaks Design View in Dreamweaver CS3 but appears correctly in the Firefox, Chrome, and IE. I can get the element to appear correctly in Design View after I make minor changes to the page's HTML or CSS, however it always breaks when I save the file.
I've tried many work-arounds including adding an absoutely defined container div, altering the various div sizes, adding <div class="clear"> before and after the element, to no avail.
Ideally, I would like to have page appear correctly in Design View so that others in my lab can easily update the page (and not come to me with repeated questions!).
I've included screen prints of how it looks in Design View and how it look in Chrome.
THANKS! J
Design Time error:
Web Browser - correct view:

I'll try CS4; however my main reason for finding a fix is so that others updating the page (w/ CS3) will be able to do so w/ the WYSIWYG editor that we purchased. We will not be upgrading to CS4 anytime soon either.
Thanks

Design view in Dreamweaver CC (update Oct. 2014)

Design view in Dreamweaver CC (update Oct. 2014) shows renders fonts and elements as huge making it impossible to work in that view. In live view it goes down to normal. And is there a way to switch of the blue tag inspector wrapping around the elements in focus? It's driving me nuts!
What am I doing wrong, or is there a setting I'm unaware of?

Jon Fritz II wrote:
I have a sneaking suspicion that the "fix" is going to be the complete removal of Design View and a much more robust implementation of a Live View editor. I don't have anything to back that up, it's just the vibe I get from the direction DW seems to be taking.
If there is a single web design/editor/developer application that even comes close to the features and power of Dreamweaver, I have yet to find it. And I test everyone I come across. Dw truly is the last great web design powerhouse. One of the main features that makes it so powerful, is its rich WYSIWYG editor for producing and managing large sites with tons of content - otherwise known as the inappropriately named Design View.
As design surfaces go, apps like Macaw, Webflow, and Reflow nailed it. They're brilliant when it comes to prototyping designs and building & styling structures. Dreamweaver just can't compete with those types of visual workflows. Live View is barely a design surface at all, and its workflows are preposterous. That may change over time. Live View might be useful someday for prototyping designs and building & styling structures, but I would be very surprised if Live View's design surface ever... ever... ever becomes a useful content production and management surface.
If Adobe allows - or forces - the Dw team to remove Design View, leaving us without a decent WYSIWYG editor, then where does that leave web designers like myself who produce and manage corporate sites with lots of content? - It's a rhetorical question.

Corrupt design view in Dreamweaver 2014

Is there a solution for the corrupt design view in Dreamweaver 2014. Adobe continues to fix this and it has not changed. My pages are all distorted and the elements/divs are all over the place. It is perfect in live view.
PLEASE...does anyone have a solution,
Thanks,
Kathy

Kathy,
Design view in Dreamweaver has always been very problematic, it amazes me that it has been OK for you in the past.
With DWCC14, live view has greatly improved and it will not surprise me if Adobe decide to drop Design view in future releases.
To answer your question, in DWCC14, I would not use design view at all. You can now use Live view where you could not use it in previous versions of DW.

How to hide fields in table view

Hi,
I'm populating the contents of an internal table in a table view. I want to know how to hide few fields in table view. I'm working on classical BSPs.. no MVC and I have not used iterator.
Thank you
Sreesanth.

just to hide certain fields (columns) you dont need iterator. you could use columnDefinition attribute of htmlb:tableView tag.
to do this declare two page attributes as below
col_control_tab     TYPE     TABLEVIEWCONTROLTAB
col_wa     TYPE     TABLEVIEWCONTROL
now in the oninitialization event. fill col_control_tab with the required column details.
suppose the itab has columns 1 to 10 and you want to display only column 1 and 8 then the coding would be.
clear col_wa .
move: '1' to col_wa-columnname , " field name of column1 in itab
'This is the title of column1' to col_wa-title ,
'LEFT' to col_wa-horizontalalignment .
append col_wa to col_control_tab .
clear col_wa .
move: '8' to col_wa-columnname , " field name of column8 in itab
'This is the title of column8' to col_wa-title ,
'LEFT' to col_wa-horizontalalignment .
append col_wa to col_control_tab .
the finally
<htmlb:tableView id                  = "tv1"
                       design              = "ALTERNATING"
                       selectionMode       = "MULTISELECT"
                       onRowSelection      = "MYROWSELECTION"
                       table               = "<%= flights %>"
                     columnDefinitions   = "<%= col_control_tab %>"
Regards
Raja

Hide in a design view

hello!!!!
I'm doing a web portal.
In a layout i chose: "hide in design view". how can i show it again?
ty

ti,
You provided so little information, so I'll make some assumptions:
1). You are using JDeveloper 11g
2). You are talking about a JSF page
If that's true, use the Structure window (lower-left corner of the IDE by default), select the component you have hidden, right-click it, and un-check "Hide in Design View."
John

Unable to view page content in Design View

I cannot see the content of a page made from a template in normal Design view.
I am able to see the content in Live View mode, but cannot make changes in that view. I can only make changes in code view.
My client would like to make changes to content text in Design view only.
Why am I unable to see/edit in Design view?
Two screencaps and the page code are here:
http://compassdm.com/GM/
I am using CS4 DW on Macbook Pro, Leopard.
The template is based on the standard included thrColAbsHdr layout template provided with DW.
Thank you for help.
BW

DavidHonaker wrote:
There are two questions for the Spry Menu 2 version.
1) Do I have to make all menu title and link changes in code? With the regular Spry menu that comes with DW CS5 you can make the changes, and add links to menu items, in the "Design > Properties" window. I would sure like to be able to do that, rather than go to the strictly "code" view and work in there.
2) With the Spry 2 menu at the top ( see www.Aloe-Vera.org/test.htm ) I am unable to go into "Design" view for the page to make changes in the content of the page itself.
Are there any fixes so that I can view and edit the rest of the page in DW CS5 "Design" view?
Thanks, David
1. It is true you cannot use the Properties window. You can use the code view or the Widget Browser to make edits. The Widget Browser has a GUI if you feel more comfortable with that.
2. You should be able to make some changes in Design View, but unfortunately the GUI and clean layout in Design View is gone. Best suggestion I can give you here is to file a bug report/feature request: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform . I have before with this because I agree it helps newer users and compared to commercial alternatives like those from Project Seven it falls short everytime.

No Content in Design View

Hello Everyone,
This is my first time creating a manual using Robohelp 7. I'm
unable to view content in a topic that has "DHTML" feature in the
Design View. I'm able to see perfectly fine (all content) when in
the preview mode. I noticed this issue after I closed out and open
the project. Are you experiencing this problem at all? Please let
me know what's the best way to fix this issue.
Thank in advance for your help.

Hi there
RoboHelp (Insert version here) has always seemed to have that
issue. You will be working along and whoosh. The topic refuses to
display in the editor.
Normally closing and restarting RoboHelp changes that where
it works again.
Cheers... Rick

How to hide content in design view within Dreamweaver?

Similar Messages

Maybe you are looking for