Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

CSS file location and responsiveness
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: CSS file location and responsiveness
#55436
CSS file location and responsiveness 8 Years, 8 Months ago Karma: 0
1.Where can I find the Orgchart css file. I use the Arismartcontent extension.
2.Is the orgchart plugin responsive?
Last Edit: 2015/08/04 10:01 By dtws2008.
The administrator has disabled public write access.
 
#55438
Re:CSS file location and responsiveness 8 Years, 8 Months ago Karma: 747
Hello,

1. The plugin uses Google Chart API to create org charts. Element styles are loaded by Google's scripts. <joomla_directory>/media/arismartcontent/orggchart/css/style.css CSS file is used to load custom styles for org charts.

2. Yes, but some minimum width is required to show all nodes in horizontal.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#55453
Re:CSS file location and responsiveness 8 Years, 8 Months ago Karma: 0
Thanks. Can You please show me how the demo org chart in your site was created? I mean the css behind it. I can see in the chrome inspector that the node box is styled by:
hr {
margin: 18px 0;
border: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}

I don't know how to make my org chart node, looks the same.
The administrator has disabled public write access.
 
#55455
Re:CSS file location and responsiveness 8 Years, 8 Months ago Karma: 747
These styles are defined in a site template CSS file. Custom CSS rules can be also added in {styles} tag. It will look like:

Code:


{orggchart id="militaryChart" size="large" allowCollapse="1"}
 {node}
   General
   <hr />
   <div class="mil-name">Jack Black</div>
   {node}
        Colonel
        <hr />
        <div class="mil-name">John White</div>
   {/node}
   {node}
        Colonel
        <hr />
        <div class="mil-name">Nick Brawn</div>
        {node}
            Captain
            <hr />
            <div class="mil-name">Jerry Orange</div>
            {node}
                Sergeant
                <hr />
                <div class="mil-name">Larry Gray</div>
           {/node}
        {/node}
        {node}
            Captain
            <hr />
            <div class="mil-name">Walter Pink</div>
            {node}
                Sergeant
                <hr />
                <div class="mil-name">Jim Purple</div>
                {node}
                    Private
                    <hr />
                    <div class="mil-name">Alex Yellow</div>
                {/node}
                {node}
                    Private
                    <hr />
                    <div class="mil-name">Terry Blue</div>
                {/node}
                {node}
                    Private
                    <hr />
                    <div class="mil-name">Eli Red</div>
                {/node}
           {/node}
        {/node}
   {/node}
 {/node}
 {styles}
  #militaryChart_chart .mil-name {font-size: 0.8em;font-style:italic;color:red;padding: 5px;}
 {/styles}
{/orggchart}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#55456
Re:CSS file location and responsiveness 8 Years, 8 Months ago Karma: 0
Thanks a lot! This helped me.
The administrator has disabled public write access.
 
Go to topPage: 1