Image Map Tool in Properties is Gone?

[Daniel Bird]

Since updating to the newest version of Dreamweaver CC 2014.1 Release 6947 Build, I have noticed when clicking on an image the Image map tools in the bottom left of the properties box are missing. The only time they show is if I open an existing HTML I have created with maps on, and click inside the code view on the map coding. This still doesn't allow me to draw new maps on the image in design view. Where can I find the Image Map Tool in this version?

[MurraySummers · Accepted solution]

The image map tools will not be shown if you are in Live view. Please try switching your display to Design view using the drop list on the toolbar and see if you get them back.

[Daniel Bird]

Thank you for your help

[DesignPakistan]

i can't find the image map tool, please help me and please upload a screenshot its very urgent

[subhadeep_banerjee]

Switch to Design View and go to Properties Inspector to use the Image Map tool.

-Subhadeep

[DesignPakistan]

got it already, thanks man

[Krixquet]

Design View disappeared, so selecting it is not an option. If you click in the image src in the code, you get the options, but they don't work. I can't figure out how to get the arrows to draw the image map location.

[Jon Fritz]

Krix-quet wrote:

Design View disappeared, so selecting it is not an option. If you click in the image src in the code, you get the options, but they don't work. I can't figure out how to get the arrows to draw the image map location.

Design view no longer exists in DWCC 2014.1 when you are using Fluid Grids, you'll need to do a quick work around to get it back. Go into your Fluid Grid css file and add the X below...

/*

    Dreamweaver Fluid Grid Properties

    ----------------------------------

    dw-num-cols-mobile:      X 4;

    dw-num-cols-tablet:        8;

    dw-num-cols-desktop:    12;

    dw-gutter-percentage:    25;

=====================================

[Workaholic]

Thank You! This information worked great! added the X, restarted the program, i was able to add the image maps!!
Thank you Again!!

[Jon Fritz]

Moving to Bootstrap in DWCC 2015.0 and later is probably a better proposition in the long run. Fluid Grid Layouts now carry the "Legacy" moniker meaning they're unlikely to continue being supported by Adobe. There's no timetable, but the writing's on the wall so to speak. Bootstrap, on the other hand, is pretty unlikely to be abandoned by Adobe any time soon.

The Bootstrap framework is far more powerful than LFGLs for creating responsive designs and Design View works as expected. Which is to say "not very well" in some situations, but you'll be able to use image maps as normal.

Image maps and responsive design don't really go hand in hand though. The coordinates that html image maps use are absolute, they don't rescale with fluid images which can easily cause your image map navigation to fail.

[Nancy OShea]

As Jon said, Image Maps are not responsive.  While images re-scale, the hot spot coordinates do not which results in "link drift."

I would stay away from old fashioned bitmaps and look for another solution.

• Perhaps you can slice your graphic into separate linked images. 
• Or use SVG (Scalable Vector Graphic) instead.
  the new code – Create A Responsive Imagemap With SVG

Nancy O.

[izuchukwun4534558]

how then can i see what i am mapping if i can't see the real image?

[noae85063804]

Life Saver!!!!!!

I have been using Dreamweaver CC for months now being frustrated at it, and all I had to do was switch in the drop down. I feel so so silly!

[rz_brian]

No.  You shouldn't feel 'silly' at all.   Image maps were not as difficult to find in previous builds of DW.   It's the equivalent of driving a car your whole life.  Then you get in one morning and the steering wheel is gone.  Adobe and its reps assure you that 'all is well' because it's still there.  Really.  Honest.  You just have to jump through a few more hoops to find it.  It's right there - in the trunk, but it's only visible if you put the car in neutral and set the parking brake first.      Don't you feel silly for not doing that first?   

I don't mind upgrades to products.  But moving stuff around and changing product protocol for the sake of change itself is beyond frustrating - especially when clients are shelling out thousands of dollars for said product.

[Nancy OShea]

Huh?

The Hotspot tools are in the exact same place they have always been (lower left corner of Properties panel) ever since I've been using Dreamweaver.  So no changes on that front.

[noae85063804]

Oh they're there but if you try to draw a shape on the image it doesn't work unless you switch to Design View.

Also, when I first started DW CC, the properties panel was not in the regular spot and I had to locate it and place it there.

[Jon Fritz]

It's something people are now noticing because Live View finally has "some" editing functions that never existed in previous versions.

The image mapping tools just happen to be among the editing functions that haven't been brought over yet.

The tools were only available in Design View in previous versions as well.

[Nancy OShea]

Which version of DW did you have before?

In versions previous to CC, you couldn't edit anything in Live View.

Yes, Workspaces are customizable.  You have a lot more freedom now.  A big improvement IMO.

[rz_brian]

I'm not talking about where they are once you activate them, Nancy.  I'm talking about the hoops you have to jump through to actually get them to appear.   You obviously didn't read my post.

[Nancy OShea]

This thread began in 2014 with a question about CC 2014. 

A LOT has changed since then.  And DW continues to change at a rapid pace.

What's new in the latest release of Dreamweaver CC (2015.1).

New features in previous versions

Dreamweaver CC (June 2015)

Dreamweaver CC
(October 2014 and February 2015)

Dreamweaver CC (June 2014)

Dreamweaver CC (13.2)

Dreamweaver CC (13.1)

Dreamweaver CC(13.0)

Nancy O.

[rz_brian]

While I appreciate  you copying and pasting the history of Dreamweaver here, and pointing out  that the thread started 'several years back',  I was responding to a user who is having issues finding the toolset from one month back.  I was also having issues finding it in my latest build (2015.2)  Is there some protocol to posting here that's being violated? 

[Nancy OShea]

While I appreciate you copying and pasting the history of Dreamweaver here, and pointing out that the thread started 'several years back', I was responding to a user who is having issues finding the toolset from one month back. I was also having issues finding it in my latest build (2015.2) Is there some protocol to posting here that's being violated?

Not at all.

I posted links to "What's New" release notes for the benefit of people who will find this thread in web searches and who may be confused about how the software differs from  2, 3 or 4 years ago.   Unfortunately, these discussions don't just die off when user participation wanes.  They live on as a lasting information source for many people we will never see or hear from.  The release notes are a valuable road map to the evolving UI and other features in DW.   Basically, if you can't find a toolset, check the release notes .

Nancy O.

[rz_brian]

Understood.  Thanks for the clarification!

On a side note I wanted to say 'thank you' for taking the time to hop on the boards and lend a hand in helping folks out with the different software issues they may be experiencing.  I realize that the boards are a 'voluntary' type of thing and that your time is valuable, and while you may not get a 'thanks' all the time from everyone, please know that your efforts - and the efforts of all of those who contribute here on the boards - is greatly appreciated.

Thank you!

[BenPleysier]

[subhadeep_banerjee]

Hello TheB1rd,

Image Maps are still available in the Properties Inspector while in Design or Code View.

Editing/creating Image maps are not supported in Live View.

Thanks,

Subhadeep