Okay
  Public Ticket #166417
Pie Chart
Closed

Comments

  • Ellefont started the conversation
    February 20, 2014 at 1:40am
    Hi, I can't seem to figure out how to use the Pie Chart using the Visual Composer. Are there instructions anywhere? I want to have the pieces of the pie divided into three sections and each demonstrating a different service offered. Thanks for the help!
  •  997
    ThemeNectar replied
    February 21, 2014 at 2:59pm

    Hey Ellefont,

    You just have to place each pie element into its own column and configure as desired. There should be no issues with the functionality, but if you just need an example i'd be glad to log in to your setup and make some for you :)

  • Ellefont replied
    February 23, 2014 at 5:40am

    Thank you so much that is so nice! I think I figured it out :)

  •  997
    ThemeNectar replied
    February 25, 2014 at 12:36pm

    You're very welcome :)

  • PierPaolo replied
    April 15, 2014 at 6:52pm

    I have the same problem. Seem that I'm not able to divide a column into other columns.

    I'm trying to reach this result:

    http://themenectar.com/demo/salient-frostwave/abou...

    Seem that the problem is that I'm not able to put columns in columns.

    Can I have the code to create this page so I can start from this draft?

    TY


  •  8,470
    Tahir replied
    April 16, 2014 at 6:34pm

    Hey Peir!

    Here is the code for the page :

    [vc_row type="full_width_content" bg_position="left top" bg_repeat="no-repeat" text_color="light" text_align="left" top_padding="0" bottom_padding="0" vertically_center_columns="true"][vc_column width="1/2" animation="none" column_padding="padding-4-percent" background_color="#222222" background_color_opacity="1"][vc_row_inner][vc_column_inner width="1/4" animation="none" column_padding="padding-2-percent"][vc_pie value="100" color="#20cfef" title="HTML/CSS"][/vc_column_inner][vc_column_inner width="1/4" animation="none" column_padding="padding-2-percent"][vc_pie value="84" color="#20cfef" title="Illustrator"][/vc_column_inner][vc_column_inner width="1/4" animation="none" column_padding="padding-2-percent"][vc_pie value="95" color="#20cfef" title="Photoshop"][/vc_column_inner][vc_column_inner width="1/4" animation="none" column_padding="padding-2-percent"][vc_pie value="75" color="#20cfef" title="Javascript"][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/2" animation="none" column_padding="padding-4-percent" background_color="#20cfef" background_color_opacity="1"][vc_row_inner][vc_column_inner width="1/1" animation="none" column_padding="no-extra-padding"][vc_column_text]

    A little bit about me

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie. Curabitur pellentesque massa eu nulla consequat sed porttitor arcu porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type="full_width_content" bg_position="left top" bg_repeat="no-repeat" text_color="dark" text_align="left" top_padding="0" bottom_padding="0" vertically_center_columns="true"][vc_column width="1/2" animation="none" column_padding="padding-4-percent" background_color="#ffffff" background_color_opacity="1"][vc_row_inner][vc_column_inner width="1/1" enable_animation="true" animation="flip-in" column_padding="no-extra-padding"][vc_column_text]

    Why I love what I do

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Lorem ipsum dolor sit amet.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    [button open_new_tab="true" color="accent-color" size="large" url="http://facebook.com" text="Facebook" color_override="" image="icon-facebook" color_override="#20CFEF"] [button open_new_tab="true" color="accent-color" size="large" url="http://twiter.com" text="Twitter" color_override="" image="icon-twitter" color_override="#20CFEF"] [button open_new_tab="true" color="accent-color" size="large" url="https://plus.google.com/" text="Google+" color_override="" image="icon-google-plus" color_override="#20CFEF"][/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/2" animation="none" column_padding="no-extra-padding" background_color="#222222" background_color_opacity="1"][nectar_slider location="About Single" loop="true" slider_height="500" autorotate="5000" desktop_swipe="true"][/vc_column][/vc_row][vc_row type="full_width_background" bg_position="left top" bg_repeat="no-repeat" bg_color="#6b58cd" text_color="light" text_align="center" bottom_padding="40" top_padding="60"][vc_column width="1/1"][vc_column_text]

    Ready To Take The Next Step & Stand Out? [button color="see-through" image="default-arrow" size="large" url="#" text="Buy Salient" color_override=""]

    [/vc_column_text][/vc_column][/vc_row]

    ThemeNectar Support Team