0
Hello,
I appreciate that this is likely to be an issue with the theme being used on my website, but I'm struggling to get IM to display correctly on the client side when either View Invoice Details or View Invoice Online is selected. It displays correctly in the back end - does anybody have any idea what may need to be changed to get it working correctly, or where to start looking / checking?
I've attached a screenshot of what I'm seeing.
Thanks,
- Adam.
I appreciate that this is likely to be an issue with the theme being used on my website, but I'm struggling to get IM to display correctly on the client side when either View Invoice Details or View Invoice Online is selected. It displays correctly in the back end - does anybody have any idea what may need to be changed to get it working correctly, or where to start looking / checking?
I've attached a screenshot of what I'm seeing.
Thanks,
- Adam.
Attachments:
Accepted Answer
1
yes, this looks like your template is actually not using (and therefore, not loading) Bootstrap, which the invoice template actually uses.
you just need to load bootstrap into the component.
here's a quick way to do it. just open file /components/com_invoices/invoice.php and add this code at around line 25:
$document = JFactory::getDocument();
$document->addStyleSheet("media/jui/css/bootstrap.min.css");
you just need to load bootstrap into the component.
here's a quick way to do it. just open file /components/com_invoices/invoice.php and add this code at around line 25:
$document = JFactory::getDocument();
$document->addStyleSheet("media/jui/css/bootstrap.min.css");
Responses (3)
-
Accepted Answer
-
Accepted Answer
0Hi,
Just a slight issue I'm finding with the formatting of the payment options - the tabs are disconnected from the box below, and the box dissapears on the right side. An suggestions on how to correct?
Thanks.Attachments:
-
Germinal Campsmore than a month agolooks like some CSS on your template is adding some additional margin to that element. do you know how to use the Chrome console (for example) to determine what causes it? -
QuannyUKmore than a month agoI think so... I'll give it a go. Thanks. -
QuannyUKmore than a month agoI've turned on/off various elements via Inspect Element in Firefox, but I can't get it to resolve. I don't suppose you'd be happy to take a look and advise, by any chance?
-
Germinal Campsmore than a month agoof course. if you can point me to it I'll gladly take a look.
-
QuannyUKmore than a month agoThanks... the link below should take you straight to the relevant page. I've set up an account should you need it - I can PM you the username and password. Let me know if you need any admin access.
http://www.toastedpenguin.co.uk/index.php?option=com_invoices&view=payment&id=5
-
-
Accepted Answer
0all you need to do is set the CSS property: dl.tabs to have a margin of 0
this is set in your template's css file joomla.css line 706.-
QuannyUKmore than a month agoGreat! Thanks for that. I've done it and the tabs look right now, except the text and border of the tab disappears on the right-hand side?
-
Germinal Campsmore than a month agowhat about trtying to set the width of the div.current element? say.. to 300 px.
-
QuannyUKmore than a month ago400px looks great. Thanks very, very much for your help.
-
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »