{"id":199,"date":"2016-01-29T09:05:29","date_gmt":"2016-01-29T09:05:29","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=199"},"modified":"2016-03-14T07:18:07","modified_gmt":"2016-03-14T07:18:07","slug":"circle-counter","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/modules\/circle-counter\/","title":{"rendered":"Circle Counter"},"content":{"rendered":"

Circle Counter<\/strong> module displays a group of circles which represents different data, and starts to draw each circle when they scroll into screen.<\/p>\n

Editing a Circle Counter Module<\/h5>\n
    \n
  1. Move your cursor onto the Circle Counter module to show the Module Toolbar<\/strong>, click the <\/i> (Edit)<\/strong> button.<\/li>\n
  2. Now you can see the Circle Counter Editing Tools<\/strong>:\n
      \n
    1. Grid<\/strong> – Choose one from 1\/2\/3\/4\/5 columns.<\/li>\n
    2. Font Size<\/strong> – Normal \/ Large.<\/li>\n
    3. Edit Text<\/strong> – Click and type the text.<\/li>\n<\/ol>\n<\/li>\n
    4. Hover on one counter item to show the Item Toolbar<\/strong>:\n
        \n
      1. Circle Fill<\/strong> – Set the percentage of the circle’s fill.<\/li>\n
      2. Color<\/strong> – Click to open the color picker and select one color for this item only.<\/li>\n
      3. Add Icon<\/strong> – Click to open the icons panel, choose one to place it in front of text.<\/li>\n
      4. Remove Icon<\/strong> – Click to remove the icon.<\/li>\n
      5. Add New<\/strong> – Click to add a new circle counter item after the current one.<\/li>\n
      6. Remove<\/strong> – Click to remove the current circle counter item.<\/li>\n<\/ol>\n<\/li>\n
      7. Click on anywhere outside of the module to exit the Module Edit Mode<\/strong>.<\/li>\n
      8. You can turn off the Content Edit Mode<\/strong> to see the page preview.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        Circle Counter module displays a group of circles which represents different data, and starts to draw each circle when they scroll into screen. Editing a Circle Counter Module Move your cursor onto the Circle Counter module to show the Module Toolbar, click the (Edit) button. Now you can see the Circle Counter Editing Tools: Grid […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":152,"menu_order":220,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=199"}],"version-history":[{"count":1,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":971,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/199\/revisions\/971"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/152"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}