Hey There,
We have purchased a bootstrap template that has user functionality through javascript. Such as widget minimize, show help div on icon click. It uses jquery quite a lot, as well as numerous javascript files.
We initially didn't add any alpha components until we had finished customizing the dashboard based on the boostrap template.
Now that we're happy with the functioning of widgets opening/closing, general look and feel of our main theme and page, we are adding the alpha components.
We are able to add the components - easy peasy thanks to the wizard that comes with alpha.
But the components buttons don't work in the a5w page that's based on the boostrap template.
If we comment out the jquery include code that's within the a5w page, then the componenent buttons work, but no other javascript functionality does. Erk.
We've tried putting all the javascript files and includes at the top (they were previously at the bottom of the page) so it's above the components codes, then add the noconflict code, then add the alpha5 code for the component. Something like this
<script src="dashjs/custom.js"></script> <!-- Custom codes -->
<script src="dashjs/charts.js"></script> <!-- Charts & Graphs -->
<script type="text/javascript">
var $j = jQuery.noConflict();
</script>
<%a5
'component code thingo goes here
%>
This then results in the components buttons working, but the javascript functionality on the webpage (such as widget minimize) not working.
Does anyone have any advice on what we can a) have javascript functionality and b) have alpha component button functionality.
Thank you in advance.
We have purchased a bootstrap template that has user functionality through javascript. Such as widget minimize, show help div on icon click. It uses jquery quite a lot, as well as numerous javascript files.
We initially didn't add any alpha components until we had finished customizing the dashboard based on the boostrap template.
Now that we're happy with the functioning of widgets opening/closing, general look and feel of our main theme and page, we are adding the alpha components.
We are able to add the components - easy peasy thanks to the wizard that comes with alpha.
But the components buttons don't work in the a5w page that's based on the boostrap template.
If we comment out the jquery include code that's within the a5w page, then the componenent buttons work, but no other javascript functionality does. Erk.
We've tried putting all the javascript files and includes at the top (they were previously at the bottom of the page) so it's above the components codes, then add the noconflict code, then add the alpha5 code for the component. Something like this
<script src="dashjs/custom.js"></script> <!-- Custom codes -->
<script src="dashjs/charts.js"></script> <!-- Charts & Graphs -->
<script type="text/javascript">
var $j = jQuery.noConflict();
</script>
<%a5
'component code thingo goes here
%>
This then results in the components buttons working, but the javascript functionality on the webpage (such as widget minimize) not working.
Does anyone have any advice on what we can a) have javascript functionality and b) have alpha component button functionality.
Thank you in advance.
Comment