Start a new topic

links not working in HTMLdrawables

Hi,

My links aren't working inside an HTMLdrawable.



I have an HTML drawables overlay.

Relevant Snippet:


- clickThroughEnabled: true,

- allowDocumentLocationChanges: true,


And in the page that is loaded I have 3 options that I am trying, 

none of which work. 


I use CSS styling, which is rendering correctly.

Relevant Snippet:

<style>

 .button {

  background-color: #4CAF50;

  border: none;

  color: white;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  cursor: pointer;

 }

 </style>



The the 3 ways I've tried to create a link, but nothing happens when I tap them:

<a href="alinkhere" class="button">More Info</a><br/>


<button class="button">Button</button><br/>



<input type="button" class="button" value="Input Button">



Is there anything I can do to make the links/buttons work?

Thanks,

MM




1 Comment

Hi,


when using HTMLDrawables it is important that the size of the content matches the viewport size of HTMLDrawables.

Please try to add the following to your HTMLDrawable content code:


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>


Best Regards,

Alex

Login or Signup to post a comment