وردپرس

Gamipress Progress Dial no longer displays within Ultimate Member shortcode


Replies: 0

Previously, this code worked fine on our site to display a progress dial in our header for logged in users:

[um_loggedin show_lock="no"]
  <div class="gamipress-header-progress">
      [gamipress_progress from="current_rank" rank_type="level"]
      [gamipress_user_points label="yes" type="wip" inline="yes"] 
  </div>
[/um_loggedin]

This the blue progress dial around the percentage text (e.g. 90%) would show as displayed in the below image and code:

<div class="gamipress-progress-radial-bar" style="background-image: linear-gradient(10.8deg, #0098d7 50%, transparent 50%, transparent), linear-gradient(270deg, #0098d7 50%, #eeeeee 50%, #eeeeee); width: 100px; height: 100px;">

        <div class="gamipress-progress-radial-bar-overlay" style="background-color: #fff;">
            <div style="display: inline; color: #000;">78%</div>
        </div>

    </div>

We aren’t sure if it was an Ultimate Member update, a Gamipress update, or both, but this same code no longer displays the progress dial, and we aren’t sure when it broke. The exact same code with all plugins updated currently displays the percentage text, but now there is no blue progress dial around the text. The HTML element is now this:

<div class="gamipress-progress-radial-bar" style="width: 100px;height: 100px">

        <div class="gamipress-progress-radial-bar-overlay" style="background-color: #fff">
            <div style="color: #000">78%</div>
        </div>

    </div>

However, removing the outer wrapper of UM shortcode – e.g. if we delete the [um_loggedin show_lock=”no”] – then displays the progress dial again. So this code displays the dial fine – and it seems to be the outer UM shortcode that causes the progress dial to not display:

<div class="gamipress-header-progress">
      [gamipress_progress from="current_rank" rank_type="level"]
      [gamipress_user_points label="yes" type="wip" inline="yes"] 
  </div>

So it seems that the Gamipress progress isn’t working when rendered within an Ultimate Member shortcode like the one above.

این خبر را در ایران وب سازان مرجع وب و فناوری دنبال کنید

مشاهده پاسخ های این مطلب
———————————————
این مطلب از سایت انجمن وردپرس گردآوری شده است و کلیه حقوق مطلق به انجمن وردپرس می باشد در صورت مغایرت و یا بروز مشکل اطلاع دهید تا حذف گردد

منبع: انجمن وردپرس

دکمه بازگشت به بالا