I have product page and in that there are different containers (Product description, Owners, etc)… Each container have “edit” button and when user click on edit button, a popover window is open with the content in editable mode (Similar to G+ profile editing). I have code for popover in shared/_popover.rhtml shown as follow:
<div class='popup'> <div class='popup-title'> <a class='popup-close' href='#'>Close<span class='close-button'></span></a> </div> <div class='popup-body'> </div> </div>
When Product description is in edit mode…it has title “Edit Description” and body has Product Description in editable mode. However, when I click edit for owners…it will show title for Product Description and in body area it will show Product Description and Owners in editable mode.
So, Finally I am writing individual popver for different containers. Can anyone guide me how can I re-use above popover code for all the editable container on my page.
PS: on my page every container is partials (eg product description is partial and owner is partial as well).
I looked into content_for as well…but it not working as excepted.
For example please go to your Google+ profile and try to edit something…I m trying to achieve same thing.