I work on a Joomla Site View for my component with content which can be unlocked via points. In this thread I fixed my controller problem already, so now I have a simple button, and if I press it, the content is unlocked.
Now I would like to pimp this button:
If you click on it, a modal window opens with the following options:
- Close modal window
- Checkbox which has to be checked in order to press the
- Confirm-Button. This button activates the controller in the end.
I saw several threads like this one, but cannot get it to work properly. It seems to be a bit outdated, not sure, but I found the method "JToolbarHelper::modal()" and thought this might enease the job:
Right now this is my code:
JHtml::_('bootstrap.modal'); JToolbarHelper::modal('modal-test', '', 'Unlock');
<div class="modal hide fade" id="modal-test" style="width:500px;height:200px"> <div class="modal-header"> <button type="button" role="presentation" class="close" data-dismiss="modal">x</button> <h3>Modal title</h3> </div> <div class="modal-body"> Modal content here </div> <div class="modal-footer"> <button class="btn" type="button" data-dismiss="modal"> <?php echo JText::_('JCANCEL'); ?> </button> </div> </div>
(It's the code from the other thread).
Right now, the modal window opens, well, it's just not a window: http://prntscr.com/1015yb4
So here're the questions:
- How to fix the obvious layout problem? => SOLVED, another CSS file was interferred
- How to do the checkbox + button-cobi inside the modal window which loads the controller in the end?
Thx for the help ^^