RocketTheme - TOPIC: [SOLVED] Tabbed RokSprocket module not displaying correctly (1/2)

Welcome Guest! Login

0 items Join Now

- Mel UK
- Jr. Rocketeer
- Posts: 36
- Thanks: 0
SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- Joomla: v2.5.16
  Template: Kirigami v1.4
  Gantry: v4.1.19
  
  I've created a tab-format RokSprocket module and embedded it within an article using this format: [module-123]
  
  The problem is that the tabs aren't displaying with the correct colours, as they do when the module is assigned directly on to a page.
  
  This shows the tabs when they display correctly, with the module assigned directly on to the page via "assignments":
  
  This image is hidden for guests.
  Please log in or register to see it.
  
  This shows the tabs when they display incorrectly, with the module embedded within an article:
  
  This image is hidden for guests.
  Please log in or register to see it.
  
  Can someone please point me in the right direction to fix this?
  
  Thanks!
- Last Edit: 11 years 1 day ago by Mel UK.
#1041939
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- Please post your topic in the correct forum. This will ensure that you receive the most qualified help for your issue and reduce the possibility that your post will get missed by the correct moderator and/or support team member. This should go in the RokSprocket forum
#1041982
- Mel UK
- Jr. Rocketeer
- Posts: 36
- Thanks: 0
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- I can't post in that forum, only view it, but thank you for taking the time to reply.
#1041987
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- are you using the load module plugin to place the module in an article?
#1041993
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- Is this site online? If so, please provide the URL to the issue.
#1042005
- Mel UK
- Jr. Rocketeer
- Posts: 36
- Thanks: 0
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- Yes, I've tried both:
  
  [module-123]
  
  {loadposition meluk-custom-1}
  
  They both display the same way, without the correct background colours on the (inactive) tabs.
#1042007
- Mel UK
- Jr. Rocketeer
- Posts: 36
- Thanks: 0
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- The home page of the site has the tabs working correctly: -
  (The module is assigned directly on to the page here, it isn't inserted into an article.)
  
  Then the "case studies" page has the example where the formatting is a bit out: -
  (The module is inserted into an article here.)
- Last Edit: 11 years 1 day ago by Mel UK.
#1042009
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- try {loadposition meluk-custom-1,standard}
#1042012
- Mel UK
- Jr. Rocketeer
- Posts: 36
- Thanks: 0
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- Thank you for the suggestion -- I've tried that, but it hasn't changed the tabs (although it has added the title in).
#1042015
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED Tabbed RokSprocket module not displaying correctly

Posted 11 years 2 days ago
- okay sorry I should have realized this right off but wanted to have you check the other thing prior to breaking out the dev tools on your site.
  
  The tabs styling is there but it is not seen because it is basically just white color of various opacity. In the page where you see it the module is over a gray background but in the page where you do not see it, the module is in an article that has an opaque white background so you can not see the whit rgba tab background. You can create a file using a simple text editor for custom css and name it using this format: templatefolder-custom.css (e.g., rt_kirigami-custom.css). For this issue add this to the custom CSS file
  .item-page .sprocket-tabs.layout-top {background: #CCC;margin: 0 -21px;}
  More Info here: www.gantry-framework.org/documentation/j...custom_stylesheet.md
#1042050