Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Voodoo Tech and Scripter's Den of Scriptniquity > Custom full page custom HTML and widget placement
yugoradic (New Admin) 6/27/2013 7:14 PM EST : Custom full page custom HTML and widget placement

yugoradic
Posts: 3
Getting Started!

Hello,

I am getting unexpected behaviours when using the full page custom HTML option. I will explain:

The template i am creating / converting to GuildPortal's system:
http://dev5.radic.nl

My GuildPortal website:
http://alea.guildportal.com

I have set the following configuration options:

Custom HTML & Script > Boxes left side, Boxes center, Boxes right side:
<div class="well well-crimson bg-lightest-rust-transparent">
<span class="well-header">$block[title]</span>
$block[content]
</div>

Custom HTML & Script > Full page:
<div class="container">
        <div class="masthead">
          <div id="account-info">
              <div class="handle"><i class="icon-circle-arrow-up"></i></div>
              <div class="content">Content</div>
          </div>       
        <div class="header">
            $block[bannercontent]
        </div>
        <div id="top-menu">
            <div class="navbar">
            <div class="container">
                <a type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-align-justify"> </span>
                </a>
                <a class="navbar-brand" href="#">menu</a>
                <div class="nav-collapse collapse">      
                <ul class="nav navbar-nav">
        $block[nav type=html]
                </ul>
                </div>
            </div>
            </div><!-- /.navbar -->
        </div><!-- Top menu -->
 
        </div>
 
        <div class="row">
        <div class="col col-lg-3"
            $block[leftwidgets]
        </div>
        <div class="col col-lg-6">
            $block[centerwidgets]
        </div>
        <div class="col col-lg-3">
            $block[rightwidgets]
        </div>
        </div>
    </div>
<script src="http://dev5.radic.nl/js/gp/reset.js"></script>
<script src="http://dev5.radic.nl/js/yepnope.js"></script>
<script src="http://dev5.radic.nl/js/crimson.js"></script>
<script src="http://dev5.radic.nl/js/gp/gp.js"></script>
<div style="display:none">
  $block[menu]
            $block[footercontent]
</div>
 
 
<!-- end -->


I was under the impression that defining the $block[leftwidgets] would insert the Boxes > Left side (same for center and right). However, the HTML that is being generated is far off from what i expect it to be:
<div class="row">
<div class="col col-lg-3">
    <div class="well well-crimson bg-lightest-rust-transparent">
    <!-- injected nav type=html ends -->
    <div class="gpWidget gpWidget-wowprogress" id="gpWidget16592263">
        <span class="well-header">Ranking</span>
        <div class="ContentBoxBody cbb16592263 blkContent" style="display: inline !important;">
        <div class="tCenter">
            <a target="_blank" href="http://www.wowprogress.com/"><img alt="WoW Guild Rankings" src="http://www.wowprogress.com/guild_img/471559/out/type.site/guild_rank.region" border="0"></a>
        </div>
        </div> <!-- /gpWidget16592263 -->
    </div>
    </div>
    <div class="col col-lg-6">
    <div class="well well-crimson bg-lightest-rust-transparent">            <!-- injected leftwidgets ends -->
        <div class="gpWidget gpWidget-freeform" id="gpWidget16586477">
        <span class="well-header">middle</span>
        <div class="ContentBoxBody cbb16586477 blkContent" style="display: inline !important;">
            <div style="width: 100%;">
            <div class="alert alert-danger alert-with-icon alert-with-close" style="display: block;"><button type="button" class="close" data-dismiss="alert">×</button><i class="icon-remove-sign color-danger pull-left"></i>This is an error</div>
            <em class="raid-icon MC x30"></em>
            </div>
        </div> <!-- /gpWidget16586477 -->
        </div>
    </div>
    <div class="col col-lg-3">
        <div class="well well-crimson bg-lightest-rust-transparent">            <!-- injected centerwidgets ends -->
        </div>
    </div>
    </div>
</div>


As you can see, all the widgets are placed in the left widget column, It seems it forgets a closing div. But my HTML full page code is valid , my boxes html aswell.

In my config panel i have placed 1 widget (wowprogress) on the left, and 1 in the center (custom html)

I'm a guy that usually finds out everything myself, but i haven't been able to crack this problem for a decent ammount of time. So any help would be very deeply appriciated.

My apologies for my english grammar/spelling btw, im dutch




TopBottom

yugoradic (New Admin) 6/27/2013 7:38 PM EST : RE: Custom full page custom HTML and widget placement

yugoradic
Posts: 3
Getting Started!

On a sidenote: I already have used quite a few javascript hacks to get my pages sorted. I am convinced i can hack this problem aswell. It's just that i would really want to have this base layout problem sorted properly.
 
TopBottom

yugoradic (New Admin) 6/28/2013 12:35 AM EST : RE: Custom full page custom HTML and widget placement

yugoradic
Posts: 3
Getting Started!

Seems it's 'fixed' by adding another </div> in the Boxes left, Boxes right and Boxes center custom HTML. Still weird behaviour / markup where i would like to have a proper solution / explanation for
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%