Feedback: Elements Panel + div hirarchy

Hello,
selecting multiple divs (Strg or Shift+Left Mouse Button) within the Elements Panel would be a great enhancement in workflow. When building a responsive grid as a base for e.g. Drupal with divs having height auto and no content, it's difficult to select multiple divs at once using the stage. Another enhancement with renaming divs inside Elements Panel would be the possiblitiy to select specific characters of the div name and make copy+paste work.
As far as the hirarchy and naming of the divs goes, reflow currently uses this hirarchy with html+css:
- primaryContainer
then designer adds custom divs e.g.
- - Outer_Wrapper_Header
- - - Inner_Wrapper_Header
- - Outer_Wrapper_Content
- - - Inner_Wrapper_Content
With Reflow Stage, "primaryContainer" (name in css and html) div is just called "Container". Maybe a better way with reflowstage+html+css would be:
- Body (no custom name possible)
- - Page (designer can apply a custom name)
- - - Container (no custom name possible)
then designer adds custom divs e.g.
- - - - Outer_Wrapper_Header
- - - - - Inner_Wrapper_Header
- - - - Outer_Wrapper_Content
- - - - - Inner_Wrapper_Content
I am sure you you will find best practice with the hirarchy. What would be the next instance after Container?
Body->Page->Container->Wrapper
or maybe...
Body->Page->Container->Outer_Wrapper->Inner_Wrapper
Greets...

Didn't notice that partial selection on element names in the DOM panel were not allowed, filling a bug for that one, for sure.
thanks for this, I'm taking a look through some of this feedback. Appreciate you taking the time to write it out!

Similar Messages

AP Elements Panel not showing AP Divs in Container

Unlike DW CS4, if an AP (draw) div is within a container
it/they do not showup in the AP Elements Panel.
Delete the Container and they appear.
Is there a fix for this. I rely upon the panel for arranging and viewing the AP Divs, and have to revert to CS4 to work with them.
I have reinstalled DreamWeaver and also deleted the Configuration folder.

Here is the link to the home page for the school district I work on:
http://www.bufsd.org/ If you looked at the screen shots...
What screenshots?
Among other things, you have Google analytics tracking code inside your CSS styles. Page falls apart when text size is increased in browser.
CSS Errors:
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. bufsd.org%2F
HTML Errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bufsd.org%2F
Screenshot -
Using Absolutely Positioned divs (APDivs) as a primary layout seldom works well. Here is why:
http://apptools.com/examples/pagelayout101.php
Learn to work with HTML code. Then learn to use default CSS positioning. It will make DW much easier for you to use.
HTML & CSS Tutorials - http://w3schools.com/
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web-design.blogspot.com/

AP Elements Panel Stopped Working

I use a group of nested DIV's. I hide and show them via
javascript. (Behavior: Hide-Show ELements)
I found editing the page is much faster if I insert the DIV
as an AP Element and then remove the 'height' attribute. I can copy
and paste the CSS from the previous DIV into the new one to
duplicate positioning and cosmetics. The DIV's normally still show
in the AP Elem. panel. I can use the panel to hide and reveal them
for editing.
At some point something stopped the AP Elem. panel from
working. I've tried changing the template, detaching it... I can
open a raw HTML page and AP Elem panel works. Plus it works in all
the pages within the site designed before a certain point. But not
in any pages after that.
What is it that gets a DIV into the AP Elements panel or
keeps it out?
Example:
HERE

I found that this was due to the so-called "update".
You can download an "old" version which has an active homescreen widget from here:
http://www.getjar.com/mobile/27285/ap-mobile-from-associated-press-for-symbian-all/
Yet another example of dumbing down of Nokia products - sigh..

AP elements panel and template

I have created an html page with an AP element. The AP element was added using Insert > Layout Objects > AP Div. The element shows up in the AP elements panel as expected.
If I create the same html page but instead apply a template, the AP element no longer shows up in the AP elements panel. The template has an editable region and the AP element is in the editable region.
Is it possible to have the AP elements show up in the AP elements panel for a page that has an applied template?
Thanks

I haven't tested this, but it could be because it's in an editable region... meaning that's a section of page you can change on child pages.
Edit:
Actually I just tested this and it works for me. HOWEVER, I didn't apply the template to a page, I created a new child page the way you are supposed to.
File>New>Page from Template.
Select the template and choose create. A new child page is created.
Here's the code for the child page that my test produced. You can see the APDiv styles in the head of the document and are available in the CSS panel and the AP div is available for editing in the child page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>
<meta name="Keywords" content="keywords are here" />
<meta name="Description" content="description is here" />
<meta name="Description" content="description is here" />



<style type="text/css">

</style>
</head>
<body>

<div id="container"> <img src="79267-org.jpg" alt="" width="113" height="91" class="imgright" />
<p>Velit esse cillum dolore quis nostrud exercitation ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, ullamco laboris nisi ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt velit esse cillum dolore Mollit anim id est laborum. Lorem ipsum dolor sit amet, ullamco laboris nisi sed do eiusmod tempor incididunt. Qui officia deserunt consectetur adipisicing elit.</p>

<div id="apDiv1">xxxxxxxxxxxxxxxxxxxxxxx</div>

</body>
</html>

FAQ: How do I set up Tangent Element panels for Adobe SpeedGrade CC?

Find out how to set up Tangent Element panels for Adobe SpeedGrade in this article.

In the Preferences you will see the options "Edit in iPhoto" or "Edit in ....", showing your last selected external editor.
Simply double click onto the name of the application, to bring up the file chooser dialogue. Then select your newer editor.

How to access Flash elements panel in DW SC3?

when I insert Image Viewer and every time I click on it the
Flash elements panel shows up automatically.
However if I close the panel group, I can no longer get the
Flash elements panels when I click on the Viewer and I can't find
any access or menu that opens this panel. The only way I found is
to create a new viewer and undo. Does anyone know how is one
suppose to access this panel after being closed?

1. First, minimize the file panel by clicking in the dark bar at the very top of the file panel (the one that has a little arrow on the right side), which will make the file panel tiny (no file names will be shown). Unless you have previously removed assets and snippets by dragging their tabs out and closing them, the tiny file panel will be attached to the asset panel and snippets panel, so you will be minimizing all of these at once.
2. Next, drag the file panel to the level that has tabs saying, Code, Split, Design.
3. Then drag the file panel to either the far left of the screen or far right of the screen, which will cause it to dock.
4. Finally, click the tiny arrow on the top right of the dark bar of the file panel; this will expand the file panel again so that you can see your file names. It will also expand the assets panel and the snippets panel if they are attached.

I have some problems with element Panel Label and Message.

I have some problems with element Panel Label and Message. When I create form from VO attributes then I have Label for input text element. If I use Panel Label and Message element then I need to copy LABEL from input text element to Panel Label and Message element LABEL PROPERTY. Can I define in View object that I don't need label and want all attributes in Panel Label and Message element?
BEST REGARDS

You can simply remove the label attribute for the input text on the page.
sid

Flash element panel does not appear when Flash is selected in DW3

In DW3 (Win7) After creating several slide shows using image viewer and months later when I want to edit the image viewer.. When I click on the flash slideshow that I created in image viewer in order to edit it and the Flash Elements panel does not appear on the right as it did before. I have the Tags panel open and it has changed to Flash elements in the past but it is no longer appearing. This happened with a friends DW3 also.

DW3 or DW CS3?

Element Panel Drag and drop

I can't seem to be able to drag and drop in the elements panel
I have to draw a box in something in order to drag something into it

So you can reorder but you cannot drop a child into a non-parent?
This is in fact a bug, I'll get it filed for you and worked on.
Best,
Corey

UI ELEMENT - Panel

Hi,
I am using SAP Logon 720 version. I am new to web dynpro. I am unable to find UI element Panel or any other same kind of element.
Kindly suggest if anyone have any idea ?

Hi.
When you are sure that you have installed Netweaver 7.00 or above, I'd advice you that check in the T-SICF if you have all webdynpro services active.. Remember that the webdynpro's services are in SAP->PUBLIC->BC->WEBDYNPRO
check here http://help.sap.com/saphelp_nw70/helpdata/en/46/d28dfa34bb12bee10000000a1553f7/content.htm

No flash elements panel in DW3

I am working my way through Adobe's "Classroom in a Book" for
DW3. An exercise requires me to make changes in the Flash Elements
Panel, but I can not find this panel, or any reference to it in any
menus or windows.
What am I missing?
Thanks,
OttO

As I try to figure this out, I think I am at least getting a
better idea how to explain the problem.
These instructions from the text book may help you direct me
in the right direction:
* first you insert the Flash element object onto the page
from the insert > media menu.
* Finally, you save an instance (or copy) of the Flash
element as a SWF file in your site.
* Next, you configure the various Flash element properties
through a custom Dreamweaver panel.
These instructions then explain,
" Each Flash element is unique in its number and type of
properties available; the Image Viewer, for example offers 20
different user-definable options."
I should further clarify (I hope), that when I follow these
instructions and go to insert the Image viewer from the insert
media menu, I do not have Image viewer as an option in the list of
media I can insert. There is:
Flash Button
Flash Text
Flash Paper
Flash Video
and then other media like shockwave etc.
I seem to have to insert this "Image Viewer" to have the
Flash Elements Panel appear, as the text book goes on to explain:
" Choose Insert > Media> Image Viewer.
When the Save Flash Element dialog box appears,navigate to
the lesson 11 assets folder and, in the file name field enter
slideshow.swf. Click Save.
The Flash elements panel appears with its list of properties
It seems to me I do not have, or can not find "Image Viewer"
as an option when inserting media, which would then give me the
Flash elements panel.
Sorry for the round about way I have approached this problem.
I backed-up a bit in the lessonto help explain my predicament.
Something I should have done to start.
Again, Thanks for your help.
OttO

How the Element panels are mapped in SpeedGrade CC

Hi,
We've just posted some documents on our website Support page that provide details of how the Element panels are mapped in SpeedGrade CC.
See http://www.tangentwave.co.uk/support/documents/ElementSpeedGradePanelMaps.zip
The only part that isn't covered is the Stereo3D controls.
Don't forget you can also make up a keypress map so you can also control Premier
For details on how to do this see http://www.tangentwave.co.uk/support/documents/KeypressAppQuickGuide.pdf
Cheers,
Chris

That is what ColorMatch2 is there for ... to match to a snapshot you've got in the snapshot listing. Check the documentation for this, as it is something that is explained there. The process is to click on the camera/snapshot icon lower right of the program monitor panel ..
... which brings up a twin-view monitor and the most recent snapshots you've made within Sg. Pick one, or navigate to a different snapshot, and using the "Reference" right-side set of three controls, choose your dark, light, & mid value. Then do the same using the left-side set of three controls from the current spot in the playhead of the footage you're grading. Sg then tries to map everything else out accordingly.
Neil

Adobe seeking feedback about panels, palettes, workspaces, and other UI elements

Several folks within Adobe are discussing the user interfaces for our various applications, and we'd like your feedback.
Do you use After Effects, Premiere Pro, Photoshop, Illustrator, and Lightroom? Other Adobe applications?
If so, please post your comments on this forum thread comparing your experiences with the user interfaces of these applications.
Regarding the panels, palettes, workspaces, and overall UI paradigms in these applications: What do you like? What do you hate? Do you care that the applications are different in this regard? What differences do you even notice?

Primarily using AE/PP with often PS as well, some illustrator.
I don't think the UI itself -- panels palettes workspaces etc -- need much work, they are overall greatly improved in the last 5+ years & for the most part much ahead of competition. More attention should probably be put into other items that need improved, many of which already came up listed here.
One thing, I wish text brightness was added as customizable as well as the UI slider; I don't like the text brightness on the lower and higher end of the slider, wish I could customize it.
BUG since as far as I can remember, maybe CS3 or earlier: workspaces need to remember multiple monitor setups!
The problem is, I snap off my timeline into a separate window, and make it full screen.
Now, if have an explorer/finder window open on the screen where the project & monitors panels where, everything opens fine & my full, double screen layout opens just as I left it.
However, if I open the project from the monitor that say, my full screen timeline is in, the project/monitor panels etc come up in that same screen, undernearth the timeline. So I have to nudge the timeline window down, and double click the primary premiere pro window, and for some reason that maximizes it to the other screen). Then bring my timeline window back into place.
For this reason alone I kind of like making a single window layout that's just 2-screens wide (Avid-esk), however, I run different resolutions on the monitor and this really complicates things if I'm trying to use all of my screenspace, when two or more monitors have different heights for resolution. Also, in this setup, all progress windows appear right in the middle, so it's split between the two monitors. This could be improved.
Another request would definitely be to make hotkeys and things like timeline navigation more universal among your apps. I run Avid+custom setup on my hotkeys in PP--I jump into AE, and every last button is different, and in AE it's not nearly as easily customizable. Same for Encore's, etc. I'd LOVE for a change in PP's hotkey to reflect how it works in AE, Encore, and even PS in video mode, etc.
Simarly, as mentioned on this forum, I hate how blending mode changes in PS is arrows keys, on AE is shift + or -, and totally manual (mouse--annoying) in PP. If there's one thing I wished was improved, it would be to make this particular task universal among Adobe apps.
I also really miss the hotkey property drop downs from AE when in any other program (c for opacity, a for anchor, etc). I'd love to see them make it into other apps.
Try not to hide things in the panel's window, coming from "hamburger menu's", I like that CS5 has kept things well enough organized to not have a bunch of important options there that are easy to miss.
Speaking of buttons, I think you'd find it rewarding to add 'fit to fill' and other fit clip options into buttons. They are extremely hidden right now, because you only see the options if you set 4 in/out points and don't drag/drop, which most users will never do. Additionally, "solo" & "mute" buttons for audio tracks, which are right there on the audio mixer, just makes sense, add them.
Another important one is you need to make everything keyboard mappable. Like in MC, all buttons and actions need to be mappable--just the drop down menus and the few extras you have listed doesn't cut it. I agree with others here, the keyboard visual layout would be dandy here.
Definitely a +1 to improving thumbnail views. Really quite bad right now. Need much more customization in sizes thatn just 3 sizes, and a thumbnail + info view (like script view in MC) makes it so you can both see and sort the info, and see the clip at the same time, which is ideal for me. Be able to customize the thumbnail, maybe a special type of marker that's put in from the preview window?
Hope this helps. For the most part the UI's are really great; it's the thing that most other NLE users are complaining about in their software, not Adobe users. Often in their forums I'll see posts comparing things to PPro's UI and pointing out how much better developed it is & that particular app should do something similar to what Adobe did. In my experience, anyway
- wb

Sliding Panel div Moving when acitvated in Safari

Hey,
If you go to my website, in safari, and click on "Resume" on the left side, and then begin to use the sliding panels it becomes very apparent that something is wrong. Feel free to look at my source code.
http://web.ics.purdue.edu/~jrathke
I have a hunch that it may be the iframe, that being said... does anyone know of any jquery solutions to replace iframes? Because that would solve quite a few problems in itself, thanks.
-Josh

I forgot to mention that I put some test pages which
demonstrate the panels outside the table structure.
just the sliding panels:
http://www.rightonstudio.com/client/staging/jenko/chelsea/html/testimonials2.html
and with a table on top for the header section, divs in the
middle for the panels, and table on the bottom for the footer
section. This works but the alignment is all off in IE6,7 but not
in Safari and a little off in FF. :
http://www.rightonstudio.com/client/staging/jenko/chelsea/html/testimonials3.html
-L

Sliding Panels DIV Shifting

Hello,
I have a page that is loading the Sliding Panels in a wierd way. It seems that the text and the image are racing to get displayed and then once they stop, the page rearranges itself to end up looking the way I intended. Has anyone seen this before and if so, did you find a way to fix this behavior?
Please see the enclosed link:
http://www.nga.gov/exhibitions/2009/tullio/test.shtm

Well it appears the problem is because the outer div had no
ID.
The panel works without the ID, but if you add 2 panels it
only runs the constructor for 1 of the 2 panels. The collapsible
panels content overflow was hidden for both in CSS.
Thank you Donald for prompting me to look at the code again
as it was not so apparent to see the problem.

Feedback: Elements Panel + div hirarchy

Similar Messages

Maybe you are looking for