Feedback Widget Positioning

Sometimes we get a qeustion about positioning a feedback widget. For example, "Is there a way to have feedback widget icon displays in the middle of the left side instead of the top left?"

The quick answer is Yes and here are three approached how to achieve that:


     1.  By using feedback form API (Pro plan):  You can have any HTML element on your web page to be a widget for a feedback form (with any CSS styles you like).
          For example:   <div class="UTwidget" onClick="UT_API.show();">Feedback</div>
          This allows unlimited customization for the feedback widget e.g. it can be even placed inside of some text or menu.
          More details: https://userthought.com/customization/api


     2. Customizing CSS of your web page (Pro plan):  Add the following CSS code to your webpage:

         .ut_Top { top: 300px !important; }      

         This will shift feedback form widget by 300px from the top.
         You can set any other top offset for a widget other then 300px.


     3. By simply specifying a larger image with transparent top part of it (Free & Pro plans):  So, the image could be "64px  x 300px" in size where the top 236px are just transparent (236 = 300 - 64). And the actual widget is in the bottom of that image.


Last modified: March 25, 2012 | 0 comments.
Tags: feedback form   widget

Recent Comments: