Highlighted

How to edit logo shape while generating Responsive HTML5 output from Framemaker 2017? By default it's round shape but my logo doesn't fit into that.

Explorer ,
Nov 07, 2017

Copy link to clipboard

Copied

I tried editing the index.html file after the output generated. But I don't see any option there. If there is some Javascript file, please let me know how can I edit them.

If it's possible within FM 2017, that would be well and good.@@

Views

336

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to edit logo shape while generating Responsive HTML5 output from Framemaker 2017? By default it's round shape but my logo doesn't fit into that.

Explorer ,
Nov 07, 2017

Copy link to clipboard

Copied

I tried editing the index.html file after the output generated. But I don't see any option there. If there is some Javascript file, please let me know how can I edit them.

If it's possible within FM 2017, that would be well and good.@@

Views

337

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 07, 2017 0
Adobe Community Professional ,
Nov 08, 2017

Copy link to clipboard

Copied

This thread may give you some ideas - Robohelp 2015: How to amend the logo size in the responsive HMTL5 output

The Publishing engine under the FM hood is RH.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
Explorer ,
Nov 08, 2017

Copy link to clipboard

Copied

Thank you so much. It worked for me to resize the logo.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
Adobe Community Professional ,
Nov 09, 2017

Copy link to clipboard

Copied

Can you share the steps you took to adjust it? There's not much info in the FM forums about HTML5 manipulation (yet).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 09, 2017 0
Explorer ,
Nov 09, 2017

Copy link to clipboard

Copied

Steps to resize the logo:

  1. Once you generated HTML output, go to the output folder location
    Responsive HTML5\template\Charcoal_GreyResponsive_HTML5
    (Choose the template folder according to your output. I did on charcoal gray template)
  2. Edit layout.css in any HTML editor (notepad++).
  3. Edit following tags.
    body.media-desktop div.header div.logo
    body.media-landscape div.header div.logo
    body.media-mobile div.header div.logo

Note: Make sure to resize only the width. If you resize height, you have to resize header element too for proper alignment. If someone is not familiar with CSS, please stick to only width resize.

This has to be done each time you generate HTML through frame maker.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 09, 2017 0
Adobe Community Professional ,
Nov 10, 2017

Copy link to clipboard

Copied

Excellent - that might give someone a lead on where to go to try monkeying with the source files so that they didn't have to edit the post-published files.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 10, 2017 0