Logo in Left Navigation Panel

[joshua_cline]

Hi All,

I'm trying to place a logo in the left navigation panel above the Side Navigation Menu without using the header. Any ideas how I can accomplish this? I want something similar to what Power Reviews has accomplished (got this from MadCap customer showcase).

[joshua_cline]

Also, is there a way to get the search bar proxy into the left nav panel?

[Shokre]

For the logo, you can try to add to your master page;

Code: Select all

	<script type="text/javascript">
			$(document).ready(function(){						
			  $("div.sidenav-container").prepend('<a href="https://yourwebpage.com" id="sideNavLogo" target="_blank"><img src="../Images/YourLogo.png" /></a>');
			});
		</script>

.css

Code: Select all

#sideNavLogo
{
	display: block;
	margin-bottom: 10px;
	border-bottom: solid 1px #303335;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0.67rem;
}

[joshua_cline]

Thank you, but this did not work for me. Nothing appeared.

[joshua_cline]

Nevermind. I got it to work. Thank you!

[Jess77]

That is an awesome design.
I'm wondering, can you program the skin so that the left navigation panel is always on the window? Without having to click that hamburger icon?

[NorthEast]

That left navigation in Power Reviews is probably a menu proxy - that's how it's done in MadCap Flare's help.

To make this yourself, create a master page that contains a two-column responsive layout. In the left column, put a logo, search bar proxy, and the menu proxy. In the right column, put the topic body proxy.