Regarding responsive webhelp

Please post all questions and comments regarding Help & Manual 7 here.

Moderators: Alexander Halser, Tim Green

Post Reply
Vanitha R
Posts: 19
Joined: Mon Apr 02, 2018 7:57 am

Regarding responsive webhelp

Unread post by Vanitha R »

hi Team,

I wish to remove the top row in header in responsive grey , keywordslist.hmskin,

I am using Help&Manual7,

Please let me know how to go about it.

Regards
Vanitha
User avatar
Tim Green
Site Admin
Posts: 23143
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Regarding responsive webhelp

Unread post by Tim Green »

Hi Vanitha,

When you say the "top row" in the header, what exactly do you mean? If you mean the Navigation: entry you shouldn't try to remove that because it is an important navigation aid for the user. :)
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Vanitha R
Posts: 19
Joined: Mon Apr 02, 2018 7:57 am

Re: Regarding responsive webhelp

Unread post by Vanitha R »

screen.png
hi Team

The part enricled in red in attached image.

Is it possible to remove top row or change logo or decrease with of top row?

Vanitha
You do not have the required permissions to view the files attached to this post.
User avatar
Tim Green
Site Admin
Posts: 23143
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Regarding responsive webhelp

Unread post by Tim Green »

Hi Vanitha,

Thanks for the clarification. In the skin you are using you can change all that directly in the skin's configuration variables. Open the .hmskin file of the skin in Help+Manual. Then in the Project Explorer on the left navigate down to Configuration > Common Properties > Text Variables.

To remove the logo delete the values of the COMPANY-LOGO-IMAGE AND COMPANY-LOGO-LINK variables.

To change the logo create your own PNG logo image with the name company-logo.png and appropriate dimensions. In the skin go to Project Files > Baggage Files, select Add File in the Project tab and add your logo, replacing the standard one. Then you can set the link to your website with the COMPANY-LOGO-LINK variable.

To change the size of the title go to Configuration > Publishing Options > Layout, also in the skin (NOT in your project). In the HTML Code box on the right, locate this block of code (the settings may be different in your skin):

Code: Select all

#hmheadbox span.title {  /* Project title in the header  */
		display: inline-block;
		margin-top: 0.5em;
		margin-right: 32px; /* center title in header properly */
		padding: 0;
		font-size: 1.8em;
		font-weight: bold;
		color: <%SKIN-HEADER-TEXT-COLOR%>;
		white-space: nowrap;
		max-width: 80%;
		overflow: hidden;
		text-overflow: ellipsis
      }
Change the size of the text with the font-size: setting. Only change the numbers, DON'T change the "em" unit after the number! If you don't want bold text you can change the font-weight: value from "bold" to "normal". If you want to change the color change the value of the SKIN-HEADER-TEXT-COLOR variable in the Text Variables section. (DON'T change or delete the variable in the Layout source code!)
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Vanitha R
Posts: 19
Joined: Mon Apr 02, 2018 7:57 am

Re: Regarding responsive webhelp

Unread post by Vanitha R »

hi Team,

Thanks for your prompt reply.

If I need to adjust the splitter bar (between TOC and right pane) what should I do to the code?

I wish to move it slightly to the left and make the reading pane wider.

Thanks
Vanitha
User avatar
Tim Green
Site Admin
Posts: 23143
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Regarding responsive webhelp

Unread post by Tim Green »

Hi Vanitha,

You don't need to make any adjustments there. The user can adjust it themselves to their own preference.
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Vanitha R
Posts: 19
Joined: Mon Apr 02, 2018 7:57 am

Re: Regarding responsive webhelp

Unread post by Vanitha R »

hi Tim,

I wish to change the default position. Is it possible?


Vanitha
User avatar
Tim Green
Site Admin
Posts: 23143
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Regarding responsive webhelp

Unread post by Tim Green »

Vanitha R wrote:I wish to change the default position. Is it possible?
In the skin you are using you can change this with the SKIN-TOC-PERCENT-WIDTH variable, in the same location as the others I referenced above. However, you should be very cautious with this. Remember that your users may be on very different monitors and devices. :)
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Post Reply