@aman204 Sometimes I should take time to communicate clearly, my bad. Here goes. The following applies to this link: https://www.knoxttdot.com/glenc/index.php/grocery-commercial-banner-article
In the screenshot clickIssue.jpg if you position the cursor where the red arrow is pointing for the 'Brochure' button nothing will happen. It will work for the 'Contact Us' button but not the 'Brochure'. Again, in the screenshot clickIssue.jpg if you hover over the equivalent area in the 'Contact Us' button it works fine and the Contact Us button is using the code:
<td style="text-align: center; vertical-align: middle; border: 1px solid gray; cursor: pointer;" class="readon btn btn-primary" onclick="location.href='index.php?option=com_contact&view=contact&id=1&Itemid=109'">Contact Us</td>
notice the Contact Us is using the javascript onclick event and it works fine, this behaviour is not working for the 'Brochure' button. In your video, you clicked in open button space for the 'Contact us' but you clicked on the 'Text' for the 'Brochure', not the open button area a shown by the red arrow.
Clicking on the text for the 'Brochure' button will open the pdf but not in a new window and I am using the code:
<td style="text-align: center; vertical-align: middle; border: 1px solid gray; cursor: pointer;" class="readon btn btn-primary"><a href="https://www.knoxttdot.com/glenc/images/brochures/Deliverables_Format_Sample.pdf" target="_blank">Brochure</a></td>
Even if I use the same code for the 'Brochure' button as the 'Contact Us' button it doesn't work. So my question is, how can I get the 'Brochure' button to behave just like the 'Contact Us' button whereby when you click in the open button area with no text to responds to the click event by opening the pdf in a new window? I guess the behaviour here is slightly different as the 'Contact Us' button opens in the same window but I want the 'Brochure' button to open the pdf in a new window. How can I do this?