I am working on a shipping cost calculator extension and I would like to show an itemized list with estimated availability time for each cart item.
For example when you check out with two items in the cart, you will see in the shipping option the cost of the shipping and the estimated delivery date. I put that in options['title'] and it works well. The title also has a glyphicon-info-sign that shows a modal popup with the shipping details. Here you will see the cost of shipping and the availability time for each item, and you can decide to change the order and remove some items from the cart to get a faster or cheaper shipment.
I have done it by putting the whole thing inside options['title'], that is the visible title and glyphicon-info-sign plus the content of the modal popup in a div, all managed by bootstrap modal classes. I tested it with both Chrome and FireFox, and it works beautifully.
But OpenCart shows the title inside a label and divs are not allowed inside labels.
Am I getting into trouble?
Or should I feel happy because it works with both Crhome and Firefox?