We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Dustin
  2. Sherlock Holmes
  3. General Discussion
  4. Thursday, 05 September 2013
  5.  Subscribe via email
I added two background colors to my component/module areas for a specific effect (see image) and I am running into a problem with IE9 background bleed at the corners (see other image). For the mainbody content I added two wrapper divs around

<jdoc:include type="message" />
<jdoc:include type="component" />

and added the following LESS/CSS:

.t3-mainbody {
.t3-content {
border-radius: 10px; //IE9 fix for bg corner bleed
overflow: hidden; //IE9 fix for bg corner bleed
}
.bgWrap1 {
background: @bgWrap1Color; //Bottom level background
padding: 7px;
border-radius: 10px;
border: 2px solid @customColorTwo;
#gradient > .vertical(@bgWrap1Color, @bgWrap2Color);

.bgWrap2 {
background: @bgWrap2Color; //Top level background
padding: 14px;
border-radius: 10px;
}
}
}


I have two modules set to the position sidebar2 which doesn't give me the top level wrapper to apply the IE9 fix you see in the code above. For the modules I utilized the divs already generated (with the classes of 't3-module' & 'module-inner'). I applied the LESS/CSS below:

.t3-mainbody {
.t3-module {
background: @bgWrap1Color; //Bottom level background
padding: 7px;
border-radius: 10px;
border: 2px solid @customColorTwo;
#gradient > .vertical(@bgWrap1Color, @bgWrap2Color);

.module-inner {
background: @bgWrap2Color; //Top level background
padding: 14px;
border-radius: 10px;
}
}
}


The problem is with the modules I need to add a wrapper div around the 't3-module' div. If I was to apply the IE9 fix to the 't3-sidebar' it would only work on the top corners of the top module and the bottom corners of the bottom module as it wraps both together. When I look at the sidebar2 code in mainbody.php I have the following:

<!-- SIDEBAR 2 -->
<div class="t3-sidebar t3-sidebar-2 <?php echo $this->getClass($layout, $col) ?><?php $this->_c($sidebar2)?>" <?php echo $this->getData ($layout, $col++) ?>>
<jdoc:include type="modules" name="<?php $this->_p($sidebar2) ?>" style="T3Xhtml" />
</div>
<!-- //SIDEBAR 2 -->


I need to add the following IE9 fix to a wrapper div when the modules are called in:

border-radius: 10px; //IE9 fix for bg corner bleed
overflow: hidden; //IE9 fix for bg corner bleed


How would I go about adding the wrapper div for the modules?
Attachments (2)
References
  1. http://stackoverflow.com/questions/4692686/ie9-border-radius-and-background-gradient-bleeding
  2. http://stackoverflow.com/a/5899300/1590427
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
I figured out how to do it but I'd like some confirmation this is the best way to go about things. I read up and leaned a little about Module Chromes in Joomla (see additional URL's below) and saw in 'mainbody.php' the jdoc is calling "T3Xhtml" which can be found in the 'modules.php' file in \plugins\system\t3\base\html\ folder. In that folder you can find the Module Chrome "T3Xhtml" after the commenting:

function modChrome_T3Xhtml($module, &$params, &$attribs)
{
$badge = preg_match ('/badge/', $params->get('moduleclass_sfx'))? '<span class="badge"></span>' : '';
$moduleTag = htmlspecialchars($params->get('module_tag', 'div'));
$headerTag = htmlspecialchars($params->get('header_tag', 'h3'));
$headerClass = $params->get('header_class');
$bootstrapSize = $params->get('bootstrap_size');
$moduleClass = !empty($bootstrapSize) ? ' span' . (int) $bootstrapSize . '' : '';
$moduleClassSfx = htmlspecialchars($params->get('moduleclass_sfx'));

if (!empty ($module->content)) {
$html = "<{$moduleTag} class=\"t3-module module{$moduleClassSfx} {$moduleClass}\" id=\"Mod{$module->id}\">" .
"<div class=\"bgWrap1\"><div class=\"module-inner\">" . $badge;

if ($module->showtitle != 0) {
$html .= "<{$headerTag} class=\"module-title {$headerClass}\"><span>{$module->title}</span></{$headerTag}>";
}

$html .= "<div class=\"module-ct\">{$module->content}</div></div></div></{$moduleTag}>";

echo $html;
}
}


I copied what was above and added changed the module chrome name to 'customModule' as well as added in the new div and classes needed:

function modChrome_customModule($module, &$params, &$attribs)
{
$badge = preg_match ('/badge/', $params->get('moduleclass_sfx'))? '<span class="badge"></span>' : '';
$moduleTag = htmlspecialchars($params->get('module_tag', 'div'));
$headerTag = htmlspecialchars($params->get('header_tag', 'h3'));
$headerClass = $params->get('header_class');
$bootstrapSize = $params->get('bootstrap_size');
$moduleClass = !empty($bootstrapSize) ? ' span' . (int) $bootstrapSize . '' : '';
$moduleClassSfx = htmlspecialchars($params->get('moduleclass_sfx'));

if (!empty ($module->content)) {
$html = "<{$moduleTag} class=\"t3-module module{$moduleClassSfx} {$moduleClass}\" id=\"Mod{$module->id}\">" .
"<div class=\"bgWrap1\"><div class=\"module-inner bgWrap2\">" . $badge; //div.bgWrap1 & .bgWrap2 added for IE9 rounded corner fix

if ($module->showtitle != 0) {
$html .= "<{$headerTag} class=\"module-title {$headerClass}\"><span>{$module->title}</span></{$headerTag}>";
}

$html .= "<div class=\"module-ct\">{$module->content}</div></div></div></{$moduleTag}>"; //Closing div for .bgWrap1 added.

echo $html;
}
}


Lastly, I went to the mainbody.php and updated the jDoc to:
<jdoc:include type="modules" name="<?php $this->_p($sidebar2) ?>" style="customModule" />
.

As I said, it is all working just as needed. Should I have done this any differently?
References
  1. http://docs.joomla.org/Module_chrome
  2. http://docs.joomla.org/Applying_custom_module_chrome
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Packers and Movers in Gurgaon Sector 55 @
http://www.ncrpackersandmovers.com/gurgaon-sector-55.html
Packers and Movers in Gurgaon Sector 56 @
http://www.ncrpackersandmovers.com/gurgaon-sector-56.html
Packers and Movers in Gurgaon Sector 57 @
http://www.ncrpackersandmovers.com/gurgaon-sector-57.html
Packers and Movers in Gurgaon Sector 58 @
http://www.ncrpackersandmovers.com/gurgaon-sector-58.html
Packers and Movers in Gurgaon Sector 59 @
http://www.ncrpackersandmovers.com/gurgaon-sector-59.html
Packers and Movers in Gurgaon Sector 60 @
http://www.ncrpackersandmovers.com/gurgaon-sector-60.html
Packers and Movers in Gurgaon Sector 61 @
http://www.ncrpackersandmovers.com/gurgaon-sector-61.html
Packers and Movers in Gurgaon Sector 62 @
http://www.ncrpackersandmovers.com/gurgaon-sector-62.html
Packers and Movers in Gurgaon Sector 63 @
http://www.ncrpackersandmovers.com/gurgaon-sector-63.html
Packers and Movers in Gurgaon Sector 64 @
http://www.ncrpackersandmovers.com/gurgaon-sector-64.html
Packers and Movers in Gurgaon Sector 65 @
http://www.ncrpackersandmovers.com/gurgaon-sector-65.html
Packers and Movers in Gurgaon Sector 66 @
http://www.ncrpackersandmovers.com/gurgaon-sector-66.html
Packers and Movers in Gurgaon Sector 67 @
http://www.ncrpackersandmovers.com/gurgaon-sector-67.html
  Gurugram, Haryana, India
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Packers and Movers in Gurgaon Sector 68 @
http://www.ncrpackersandmovers.com/gurgaon-sector-68.html
Packers and Movers in Gurgaon Sector 69 @
http://www.ncrpackersandmovers.com/gurgaon-sector-69.html
Packers and Movers in Gurgaon Sector 70 @
http://www.ncrpackersandmovers.com/gurgaon-sector-70.html
Packers and Movers in Gurgaon Sector 71 @
http://www.ncrpackersandmovers.com/gurgaon-sector-71.html
Packers and Movers in Gurgaon Sector 72 @
http://www.ncrpackersandmovers.com/gurgaon-sector-72.html
Packers and Movers in Gurgaon Sector 73 @
http://www.ncrpackersandmovers.com/gurgaon-sector-73.html
Packers and Movers in Gurgaon Sector 74 @
http://www.ncrpackersandmovers.com/gurgaon-sector-74.html
Packers and Movers in Gurgaon Sector 75 @
http://www.ncrpackersandmovers.com/gurgaon-sector-75.html
Packers and Movers in Gurgaon Sector 76 @
http://www.ncrpackersandmovers.com/gurgaon-sector-76.html
Packers and Movers in Gurgaon Sector 77 @
http://www.ncrpackersandmovers.com/gurgaon-sector-77.html
Packers and Movers in Gurgaon Sector 78 @
http://www.ncrpackersandmovers.com/gurgaon-sector-78.html
Packers and Movers in Gurgaon Sector 79 @
http://www.ncrpackersandmovers.com/gurgaon-sector-79.html
Packers and Movers in Gurgaon Sector 80 @
http://www.ncrpackersandmovers.com/gurgaon-sector-80.html
Packers and Movers in Gurgaon Sector 81 @
http://www.ncrpackersandmovers.com/gurgaon-sector-81.html
  Gurugram, Haryana, India
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Packers and Movers in Gurgaon Sector 82 @
http://www.ncrpackersandmovers.com/gurgaon-sector-82.html
Packers and Movers in Gurgaon Sector 83 @
http://www.ncrpackersandmovers.com/gurgaon-sector-83.html
Packers and Movers in Gurgaon Sector 84 @
http://www.ncrpackersandmovers.com/gurgaon-sector-84.html
Packers and Movers in Gurgaon Sector 85 @
http://www.ncrpackersandmovers.com/gurgaon-sector-85.html
Packers and Movers in Gurgaon Sector 86 @
http://www.ncrpackersandmovers.com/gurgaon-sector-86.html
Packers and Movers in Gurgaon Sector 87 @
http://www.ncrpackersandmovers.com/gurgaon-sector-87.html
Packers and Movers in Gurgaon Sector 88 @
http://www.ncrpackersandmovers.com/gurgaon-sector-88.html
Packers and Movers in Gurgaon Sector 89 @
http://www.ncrpackersandmovers.com/gurgaon-sector-89.html
Packers and Movers in Gurgaon Sector 90 @
http://www.ncrpackersandmovers.com/gurgaon-sector-90.html
Packers and Movers in Gurgaon Sector 91 @
http://www.ncrpackersandmovers.com/gurgaon-sector-91.html
Packers and Movers in Gurgaon Sector 92 @
http://www.ncrpackersandmovers.com/gurgaon-sector-92.html
Packers and Movers in Gurgaon Sector 93 @
http://www.ncrpackersandmovers.com/gurgaon-sector-93.html
Packers and Movers in Gurgaon Sector 94 @
http://www.ncrpackersandmovers.com/gurgaon-sector-94.html
  Gurugram, Haryana, India
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Packers and Movers in Gurgaon Sector 95 @
http://www.ncrpackersandmovers.com/gurgaon-sector-95.html
Packers and Movers in Gurgaon Sector 96 @
http://www.ncrpackersandmovers.com/gurgaon-sector-96.html
Packers and Movers in Gurgaon Sector 97 @
http://www.ncrpackersandmovers.com/gurgaon-sector-97.html
Packers and Movers in Gurgaon Sector 98 @
http://www.ncrpackersandmovers.com/gurgaon-sector-98.html
Packers and Movers in Gurgaon Sector 99 @
http://www.ncrpackersandmovers.com/gurgaon-sector-99.html
Packers and Movers in Gurgaon Sector 100 @
http://www.ncrpackersandmovers.com/gurgaon-sector-100.html
Packers and Movers in Gurgaon Sector 101 @
http://www.ncrpackersandmovers.com/gurgaon-sector-101.html
Packers and Movers in Gurgaon Sector 102 @
http://www.ncrpackersandmovers.com/gurgaon-sector-102.html
Packers and Movers in Gurgaon Sector 103 @
http://www.ncrpackersandmovers.com/gurgaon-sector-103.html
Packers and Movers in Gurgaon Sector 104 @
http://www.ncrpackersandmovers.com/gurgaon-sector-104.html
Packers and Movers in Gurgaon Sector 105 @
http://www.ncrpackersandmovers.com/gurgaon-sector-105.html
Packers and Movers in Gurgaon Sector 106 @
http://www.ncrpackersandmovers.com/gurgaon-sector-106.html
Packers and Movers in Gurgaon Sector 107 @
http://www.ncrpackersandmovers.com/gurgaon-sector-107.html
Packers and Movers in Gurgaon Sector 108 @
http://www.ncrpackersandmovers.com/gurgaon-sector-108.html
  Gurugram, Haryana, India
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Packers and Movers in Gurgaon Sector 109 @
http://www.ncrpackersandmovers.com/gurgaon-sector-109.html
Packers and Movers in Gurgaon Sector 110 @
http://www.ncrpackersandmovers.com/gurgaon-sector-110.html
Packers and Movers in Gurgaon Sector 111 @
http://www.ncrpackersandmovers.com/gurgaon-sector-111.html
Packers and Movers in Gurgaon Sector 112 @
http://www.ncrpackersandmovers.com/gurgaon-sector-112.html
Packers and Movers in Gurgaon Sector 113 @
http://www.ncrpackersandmovers.com/gurgaon-sector-113.html
Packers and Movers in Gurgaon Sector 114 @
http://www.ncrpackersandmovers.com/gurgaon-sector-114.html
Packers and Movers in Gurgaon Sector 115 @
http://www.ncrpackersandmovers.com/gurgaon-sector-115.html
Packers and Movers in Gurgaon DLF Phase 1 @
http://www.ncrpackersandmovers.com/gurgaon-dlf-phase-1.html
Packers and Movers in Gurgaon DLF Phase 2 @
http://www.ncrpackersandmovers.com/gurgaon-dlf-phase-2.html
Packers and Movers in Gurgaon DLF Phase 3 @
http://www.ncrpackersandmovers.com/gurgaon-dlf-phase-3.html
Packers and Movers in Gurgaon DLF Phase 4 @
http://www.ncrpackersandmovers.com/gurgaon-dlf-phase-4.html
Packers and Movers in Gurgaon DLF Phase 5 @
http://www.ncrpackersandmovers.com/gurgaon-dlf-phase-5.html
Packers and Movers in Gurgaon Sushant Lok 1 @
http://www.ncrpackersandmovers.com/gurgaon-sushant-lok-1.html
  Gurugram, Haryana, India
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Packers and Movers in Gurgaon Sushant Lok 2 @
http://www.ncrpackersandmovers.com/gurgaon-sushant-lok-2.html
Packers and Movers in Gurgaon Sushant Lok 3 @
http://www.ncrpackersandmovers.com/gurgaon-sushant-lok-3.html
Packers and Movers in Gurgaon Sushant Lok 4 @
http://www.ncrpackersandmovers.com/gurgaon-sushant-lok-4.html
Packers and Movers in Gurgaon Sushant Lok 5 @
http://www.ncrpackersandmovers.com/gurgaon-sushant-lok-5.html
Packers and Movers in Gurgaon Udyog Vihar Phase 1 @ http://www.ncrpackersandmovers.com/gurgaon-udyog-vihar-phase-1.html
Packers and Movers in Gurgaon Udyog Vihar Phase 2 @ http://www.ncrpackersandmovers.com/gurgaon-udyog-vihar-phase-2.html
Packers and Movers in Gurgaon Udyog Vihar Phase 3 @ http://www.ncrpackersandmovers.com/gurgaon-udyog-vihar-phase-3.html
Packers and Movers in Gurgaon Udyog Vihar Phase 4 @ http://www.ncrpackersandmovers.com/gurgaon-udyog-vihar-phase-4.html
Packers and Movers in Gurgaon Udyog Vihar Phase 5 @ http://www.ncrpackersandmovers.com/gurgaon-udyog-vihar-phase-5.html
Packers and Movers in Gurgaon Udyog Vihar Phase 6 @ http://www.ncrpackersandmovers.com/gurgaon-udyog-vihar-phase-6.html
Packers and Movers in Gurgaon Udyog Vihar Phase 7 @ http://www.ncrpackersandmovers.com/gurgaon-udyog-vihar-phase-7.html
Packers and Movers in Gurgaon IMT Manesar @
http://www.ncrpackersandmovers.com/gurgaon-imt-manesar.html
Packers and Movers in Gurgaon Wazirabad @
http://www.ncrpackersandmovers.com/gurgaon-wazirabad.html
Packers and Movers in Gurgaon Daultabad @
http://www.ncrpackersandmovers.com/gurgaon-daultabad.html
Packers and Movers in Gurgaon Pataudi @
http://www.ncrpackersandmovers.com/gurgaon-pataudi.html
Packers and Movers in Gurgaon Sohna Road @
http://www.ncrpackersandmovers.com/gurgaon-sohna-road.html
Packers and Movers in Gurgaon Kanhai @
http://www.ncrpackersandmovers.com/gurgaon-kanhai.html
Packers and Movers in Gurgaon Badshahpur @
http://www.ncrpackersandmovers.com/gurgaon-badshahpur.html
  Gurugram, Haryana, India
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
It was decent work. I extremely like your thoughts. And I acknowledged by your work. your article is exceptionally great and accommodating for us.
Avriq
Avriq India
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
Accepted Answer Pending Moderation
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 9
  • Page :
  • 1
  • 2


There are no replies made for this post yet.
However, you are not allowed to reply to this post.