Sharing Your Mindjet MindManager Maps with the Clickable Image Web Export

A couple of days ago I posted my record of the first Visual Thinking Webinar on Conference Reaction.  I received a few how did you do that questions. This is an extended answer to those questions.

Sharing your MindManager Maps with the Clickable Image Export

Download Mindjet MindManager map of this blog Download Mindjet MindManager map of this blog Community is Essential to Building Brands - Record of presentation in mind maps Community is Essential to Building Brands - Record of presentation in mind maps ConferenceREACTION - Records and publshes events on the web ConferenceREACTION - Records and publshes events on the web

To help search engines find this page and those with impaired vision to “read” the map.

The image map content is repeated below as a text outline in one or two columns.

Sharing your MindManager Maps with the Clickable Image Export

1. Map

1.1 Visible

1.1.1 Topics

1.1.2 Topic images

1.1.3 Markers

1.1.4 Relationships

1.1.5 Labels

1.1.6 Boundaries

1.1.7 Background Image

1.1.8 Linked files
See related topics and documents

1.1.9 Web links

1.1.10 Spreadsheets

1.1.11 Why are you still at work?

1.2 Not Functional

1.2.1 Outlook links

1.2.2 SharePoint links

1.2.3 Excel links

1.2.4 Alerts

1.3 Invisible

1.3.1 Notes

1.3.2 Attachments
See related topics and documents

1.4 Tips

1.4.1 Don’t overload the map Use more than one map if you need to

1.4.2 Portrait or Landscape? Right Map or Left & Right or Tree or Org Chart

1.4.3 Export to check the image size If the height or width are larger than required see next tip(s)

1.4.4 Layout Adjustments Use main topic handles to move topics into better positions to maximise width or height Adjust topic length Use line wrap Shift-Return Image alignment Use topic alignment Consider thumbnails with links to higher resolution images

1.4.5 Notes Convert to text or Word etc . and link the file to the topic

1.4.6 Multiple Topic Hyperlinks
See related topics and documents Only first is linked in the export

1.4.7 Hyperlink Alt Text Edit Hyperlink > Options > Link Text Text for Google to find & index

1.5 Check

1.5.1 Mindjet Tasks

2. Export

2.1 Standard

2.1.1 Map Zoom factor (%) Adjust to fit the shared environment 86% produces a readable image with default fonts

2.1.2 Include Map Background Yes = large jpg good for photos No = small gif

2.1.3 Root Export File Name Change from index.html to something-relevant.html Change to *.php if you want to use php in a modified template

2.2 Modified

2.2.1 Header

2.2.2 Footer

2.2.3 Meta Tags

2.2.4 Map text as outline

2.2.5 Analytics

2.2.6 e.g. Community is Essential to Building Brands

3. Sharing

3.1 Local Network

3.1.1 Share folder & html file name X:\MyExports\index.html

3.2 Web Folder

3.2.1 Upload folders to the server

3.2.2 Share the URL of the html file http:\\\ex\index.html

3.3 WordPress

3.3.1 Upload the image WordPress Media Any online store

3.3.2 Upload the linked Documents folder and files

3.3.3 Paste the html.txt file into a page or post

3.3.4 Edit the image URL

3.3.5 Edit the Linked Documents URL

3.3.6 Check it works

3.4 Tips

3.4.1 Use several maps on one page
See related topics and documents Use one export as the master and paste sub map’s html in to the master html. Remember to put all other files (image) and folders (linked documents) in the master folder.

About Andrew Wilcox

Andrew is an experienced user of MindManager who shares his knowledge and advice for free here. And provides commercial training and consulting on how to exploit MindManager and other mind mapping software applications in business, organisations and for individuals at Cabre For more information about Andrew please visit his Google + profile.

Tags: ,

2 Responses to “Sharing Your Mindjet MindManager Maps with the Clickable Image Web Export”

  1. Andrew Wilcox says:

    Email from a viewer called Bob:

    “The download link downloads a .mmap but it is nor a real map nor is it a zip file

    It does works for me on PC but I do get some odd behaviour on the iPad. Clicking the link in Safari downloads the map and I can open it in Mindjet Maps app. I do not see the option to open in iThoughts HD but this is known issue.

    I “opened” (=saved to) the file in Dropbox and oddly the file type had changed to .xmmap! .xmmap is not a supported file type of iThoughtsHD, so I could not see it in the Dropbox folder in iThoughtsHD. I changed the file type to .mmap, refreshed the folder/file lists in iThoughtsHD and then opened the map successfully.

    Bob if your file type has changed to .xmmap change to .mmap and it should open.

  2. Andrew Wilcox says:

    Another question from Bob:

    How long has Mindjet had this ability?

    Since MindManager 3 I think and certainly X5 released in 2004.

    Sure wish the +/- would work in the clickable export. Then I would be ecstatic!

    The big advantage of the clickable image export is that what you see is what you get. A 2D with links. It’s and image and a bit of code. Providing you don’t use an uncompressed jepg of a large map, it will download and be visible to the user exactly as you designed it to be in a few seconds or less. The opening and closing branches feature of the flash export carries a high overhead: the file is at 1mb because it contains a flash engine for displaying the map, your map will be restyled and the user has to understand the user interface. It might cause ecstasy but I rarely use it.

    What is the technique to export the text outline. Do you edit the index.html?

    I have created a modified clickable image and text outline which exports a complete web page (not inserting into a WordPress page). The Community is Essential to Building Brands is an example of this.

    I cut the map and the outline from my customised export and pasted it into the WordPress page. I have also added some styles (which are part of the export) to control the outline in the WordPress CSS file. I should develop an export just for use with WordPress.

    In the MindManager web export customisation table, I am able to add meta tags, cutomise the header and several other things. This was built using functionality that has existed in MindManager since 20th century. You do have to dig into the template files. A simple way to start is to copy a web export folder to a custom export folder and start customising.

Leave a Reply