<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>
		<title>BlueOwlCreative  &#187;  Topic: Expanding circle counter width display</title>
		<atom:link href="https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/feed/" rel="self" type="application/rss+xml" />
		<link>https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/feed/</link>
		<description></description>
		<pubDate>Sun, 23 Aug 2026 10:57:02 +0000</pubDate>
		<generator>http://bbpress.org/?v=2.5.3-5249</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/#post-31182</guid>
					<title><![CDATA[Expanding circle counter width display]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/#post-31182</link>
					<pubDate>Fri, 10 Mar 2017 22:58:51 +0000</pubDate>
					<dc:creator>eclerkin</dc:creator>

					<description>
						<![CDATA[
						<p>About 2 years ago, you folks helped me modify boc_circle_counter to include a decimal point on the number entered.  It works fine for number like 8.2% but truncates the decimal point and value for anything with 2 digits like 18.2%.  What would I need to change to show 99.9% instead of 99%?  Is it the class circ_counter_text_holder causing the truncation?</p>
<pre><code>// Register Shortcode
if( ! function_exists( &#039;shortcode_boc_circle_counter&#039; ) ) {
	function shortcode_boc_circle_counter( $atts, $content = null ) {
	
		$atts = vc_map_get_attributes(&#039;boc_circle_counter&#039;, $atts );
		extract( $atts );

		$id = rand(0,10000);

		if(!$custom_color) {
			$color = boc_get_main_color();
		}
		if($centered) {
			$css_classes .= &#039; center&#039;;
		}
		if($angle) {
			$css_classes .= &#039; half_circle&#039;;
		}
		if($size == 120) {
			$css_classes .= &#039; small_counter&#039;;
		} elseif($size == 80) {
			$css_classes .= &#039; large_counter&#039;;
		}
        
        //EC Added the following modification for decimal numbers (removed (int))
        //&lt;canvas width=&#039;.esc_attr($size).&#039; height=&#039;.esc_attr($size).&#039;  data-end-nu=&quot;&#039;.(int) $number.&#039;&quot;&gt;&lt;/canvas&gt;
        //&lt;div class=&quot;circ_counter_text_holder&quot;&gt;&lt;span class=&quot;circ_counter_text&quot;  id=&quot;circ_counter_text&#039;.$id.&#039;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;counter_percent_sign heading_font&quot;&gt;%&lt;/span&gt;&lt;/div&gt;

        
		$str = &#039;&lt;div class=&quot;circ_numbers_holder &#039;.esc_attr($css_classes).&#039; &#039;.($white_text ? &quot;white_text&quot; : &quot;&quot;).&#039;&quot;&gt;
					&lt;div class=&quot;circ_counter&quot; data-color=&quot;&#039;.esc_attr($color).&#039;&quot; data-angle=&quot;&#039;.esc_attr($angle).&#039;&quot; data-size=&quot;&#039;.esc_attr($size).&#039;&quot; data-white_text=&quot;&#039;.($white_text ? &quot;1&quot; : &quot;0&quot;).&#039;&quot;&gt;
						&lt;canvas width=&#039;.esc_attr($size).&#039; height=&#039;.esc_attr($size).&#039;  data-end-nu=&quot;&#039;.$number.&#039;&quot;&gt;&lt;/canvas&gt;
                        &lt;div class=&quot;circ_counter_text_holder&quot;&gt;&lt;span class=&quot;circ_counter_text&quot;  id=&quot;circ_counter_text&#039;.$id.&#039;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;counter_percent_sign heading_font&quot;&gt;%&lt;/span&gt;&lt;/div&gt;

						&lt;div class=&quot;circ_counter_desc&quot;&gt;&#039;.wp_kses_post($title).&#039;&lt;/div&gt;
					&lt;/div&gt;
				&lt;/div&gt;&#039;;

		return $str;
	}
	
	add_shortcode(&#039;boc_circle_counter&#039;, &#039;shortcode_boc_circle_counter&#039;);</code></pre>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/#post-31185</guid>
					<title><![CDATA[Reply To: Expanding circle counter width display]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/#post-31185</link>
					<pubDate>Mon, 13 Mar 2017 09:01:50 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi again,</p>
<p>Here&#8217;s the link to that thread:</p>
<p><a href="http://blueowlcreative.com/support_wp/forums/topic/circle-counter-2/" rel="nofollow">http://blueowlcreative.com/support_wp/forums/topic/circle-counter-2/</a></p>
<p>See how you have this line in your new gauge_dec method:</p>
<p><code>this.el.innerHTML = gauge.displayedValue.toPrecision(2);</code></p>
<p>Change the precision 2 to 3.</p>
<p>Have in mind this will change all calculations to 3 digits.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/#post-31202</guid>
					<title><![CDATA[Reply To: Expanding circle counter width display]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/expanding-circle-counter-width-display/#post-31202</link>
					<pubDate>Tue, 14 Mar 2017 16:13:17 +0000</pubDate>
					<dc:creator>eclerkin</dc:creator>

					<description>
						<![CDATA[
						<p>Thanks, that did the trick!</p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

