|
Not sure if I am the only one to experience this problem.
I used Ari Smart Tabs to create 8 tabs. I created 10 modules displaying ARI smart content Bar Charts.
The 10 modules are selected in the editor using Ari Smart instert into Article to show up in the 8 different Articles for the Tabs (the tab names are the articles names, and show up on the same Tab Module displaying all 8 Tabs)
After placing the ARI smart charts into the various articles, I noticed that only the smart chart in the first tab is responsive. I even tried moving the charts into other tabs, and always only the smart charts in the first tab are responsive.
When I insert one or more modules (in the "first" Tab (all the way to the left in the Tab Display on webpage) using the insert ARI Module button e.g. {arimodule id="3000" comment="MyChart"}{/arimodule}, the Charts are responsive and centered on the page.
But when I try to insert the same or other modules in the "second", "third", "fourth", or any subsequent tab, the ARI Smart Content Chart module (all Ari smart modules are the same chart with he same responsive settings using Module width 100% and bar chart width 70%, the charts in tab2, tab3, tab4, etc... are placed in a small div type container about 300pixels wide in left side of the Tab div. (The smart bar charts in Tab 2, Tab 3, etc... are also not responsive in the browser when the page reloads (after clean cache).
So if I put all the responsive ARI smart charts in the "first" tab of multiple tabs, all the charts are responsive in the browser on first load and when I shrink the browswer and re-expand the browser they stay responsive and every chart is perfectly displayed across the entire webpage.
The problem is only when the responsive ARI smart bar charts are in the "second", "third" or later tab, the display result is in the left side of the tab area and the entire chart is maybe 1/3rd of the size of the webpage.
Interestingly, after these charts are displayed in Tab 2, Tab 3, etc..., in the small area on the left side of a tab, then if I shrink the browser on the laptop, the smart charts in the "second", "third", or later tab, the these charts in Tab2, Tab3, and Tab4 are "fixced" and suddenly become "responsive" and stay responsive when I re-open up the browser to 100% again.
The problem is that a website user will now know that to get the chart to look normal in Tab2, Tab3, etc..., they have to shrink and re-expand the web browser to get the charts in Tab2, Tab3, etc... to work.
I can workaround the problem by putting all my Charts in the First Tab on left side of webpage in the "first" position, so all ARI charts will be responsive. It would be nice if the ARI Charts can be responsive in Tab2, Tab3, etc....
Note, I do not have the same problem with the ARI Smart Content Tables because they stay responsive in Tab 1, Tab 2, Tab 3, etc...
|
