Skip to main content
Solved

How can you add images in a custom page?

  • February 20, 2019
  • 1 reply
  • 202 views

Hi everyone,

Can you add an image in the html code in the custom page? I couldn't find the repository for the html code to read in order to display the images.

Thanks!

Lucian

Best answer by sekhar_dutta

Hello Lucian,

You can embed a image URL in the custom page. You can customize the whole page with custom color and formatting.

I have added a google URL to show google logo in the custom page in the below example -

Code to embade google URL :

<div > <img src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png' alt='' title='' height='30'> </div > Custom Page HTML Code :

<div class='gsWrapper'> <div class='gs-header'> <div class='gs-header__logo left'> <img src='https://www.gainsight.com/wp-content/uploads/2015/09/logo-2x.png' alt='' title='' height='30'> </div> </div> <div class='gs-container' style="display: flex; align-items: center; justify-content: center;"> <div > <img src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png' alt='' title='' height='30'> </div > </div> <div class='gs-footer'> <div class='items'> © 2018 <a href="https://www.gainsight.com/" target='_blank'>Gainsight</a>. All rights reserved. </div> </div></div>

Preview :



Please check if this helps.

1 reply

sekhar_dutta
Forum|alt.badge.img
  • Gainsight Employee ⭐️
  • Answer
  • February 23, 2019
Hello Lucian,

You can embed a image URL in the custom page. You can customize the whole page with custom color and formatting.

I have added a google URL to show google logo in the custom page in the below example -

Code to embade google URL :

<div > <img src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png' alt='' title='' height='30'> </div > Custom Page HTML Code :

<div class='gsWrapper'> <div class='gs-header'> <div class='gs-header__logo left'> <img src='https://www.gainsight.com/wp-content/uploads/2015/09/logo-2x.png' alt='' title='' height='30'> </div> </div> <div class='gs-container' style="display: flex; align-items: center; justify-content: center;"> <div > <img src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png' alt='' title='' height='30'> </div > </div> <div class='gs-footer'> <div class='items'> © 2018 <a href="https://www.gainsight.com/" target='_blank'>Gainsight</a>. All rights reserved. </div> </div></div>

Preview :



Please check if this helps.