I have successfully created an animated button that opens to reveal a quotation with a nested clickable link to the source. What I would like to do is have several of these with different quotes inside them, scattered on the page. I have looked at the composition loader available via Edge Commons, and it seems that would require some sort of Edge animate Stage 'frame' to load the instances into? Is there any way to place them directly into the master page - as div elements...?
The outer of the buttons is the same, on hover they open partialy on click fully, to reveal their particular text - which I thought about loading it at runtime with json, or maybe handlebars...?
I would also like to make the buttons only take the necessary space. ie. before they expand they are only buttons. ( I have set the stage to hidden but it still takes up space). To acheive this, I think perhaps I will have to target the inner components css, and set them as display:none until the button is hovered over, then set :hover and :active pseudo classes inside edge. Is this feasible?
Thanks in advance for any ideas/suggestions...