UserVoice embed code

User feedback software

<style type="text/css" media="screen"> 
div.uv-card {
  background: #fff;
  border: 1px solid #CED6E6;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #5C5F66;
  font: normal 11px/1.3em "HelveticaNeue", Arial, sans-serif;
  margin: 0;
  max-width: 500px;
  padding: 10px 10px 5px 10px;
  text-rendering: optimizelegibility;
  zoom: 1;
}
div.uv-card:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.uv-card-info {
  line-height: 1em;
  margin-bottom: 10px;
}
.uv-card-topic {
  color: #A0A6B3;
  display: inline-block;
}
.uv-card-status {
  background: #DBF0B4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #446600;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
  padding: 3px 5px;
  text-transform: uppercase;
}
.uv-card-meta {
  float: right;
  list-style: none;
  line-height: 16px;
  margin: 0 0 10px 20px;
  padding: 0;
}
  .uv-card-meta li {
    margin: 0 0 .7em 0;
    padding: 0;
  }
  .uv-card-meta img {
    border: none;
    vertical-align: bottom;
  }
.uv-card-votes {
  background: #F9FAFC;
  border: 1px solid #DBDEE6;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.uv-card-votes-button {
  background: #F3F6FA;
  border: 1px solid #A0A6B3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #293E66;
  display: inline-block;
  font-weight: bold;
  margin: -1px;
  padding: 3px 7px 3px 5px;
  text-decoration: none;
}
.uv-card-votes-count {
  display: inline-block;
  padding-right: 7px;
  margin-left: 3px;
}
.uv-card-comments,
.uv-card-votecount {
  display: inline-block;
  padding: 3px 5px;
}
.uv-card-votecount {
	color: #576800;
}
.uv-card-title {
  color: #293E66;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}
  h2.uv-card-title a {
    color: inherit;
    text-decoration: none;
  }
.uv-card-description {
  margin-bottom: 10px;
}
  .uv-card-description p {
    margin: 0 0 .7em 0;
    padding: 0;
  }
</style>

<!-- Here's our little JS-inserted idea card --> 
<div class="uv-card"> 
  <div class="uv-card-info"> 
      <div class="uv-card-status uv-card-status-started">Started</div> 
    <div class="uv-card-topic">How can we improve Proton Drive?</div> 
  </div> 
  <ul class="uv-card-meta">    
    <li> 
			<div class="uv-card-votecount"> 
			  <img alt="" src="https://assets.uvcdn.com/pkg/oembed/votes-091211c9006da8621310a57b963f98502e22c56c4202c61f55909e9bf3689818.png" />
        578 votes
			</div> 
    <li>
    <li> 
      <div class="uv-card-comments"> 
        <img alt="" src="https://assets.uvcdn.com/pkg/oembed/comments-29b68afad19ca16ed6c50416e3ab6570e5df8c9f035d0bdcb08a442830bb718a.png" />        
        47 comments
      </div> 
    </li> 
  </ul> 
  <h2 class="uv-card-title">
    <a href="https://protonmail.uservoice.com/forums/932839-proton-drive/suggestions/50778944-proton-sheets-additional-date-formats">Proton Sheets - Additional Date Formats</a>
  </h2>
  <div class="uv-card-description"> 
    <p>Currently it appears the only possible Date format for Date types in Proton Sheets is mm/dd/yyyy, which is US centric.</p>

<p>Would appreciate additionally including other date arrangements, perhaps:</p>

<p>dd/mm/yyyy (Common globally)
<br />dd/mm/yy
<br />yyyy/mm/dd (ISO 8601)
<br />dd/mmm/yyyy</p>

<p>Would suggest dd/mm/...</p>
  </div> 
</div> 
<!-- end JS card -->

By copying this embed code, you agree to our Terms of Use.

Need a few examples?

Iframely brings rich media from over 1900 platforms and growing every day. Video, audio, apps, photos and images, slideshows, playlists, podcasts, maps, forms, documents, puzzles, charts and infographics. You get all the new updates automagically.

Browse supported providers 1900+

We are here to help

Whether it’s a missing feature, your favourite embeds provider, fine-tuning, quick debug or simple advice — we try and make things happen in no time.

Get started free Ask for help