By Andreas Radloff on

Sometimes I get annoyed by having to log out to see what the page looks like without the editing-tabs (like when doing pixel-precise positioning). I just wanted to share this bit of code for adding a link for removing the tabs with a click while developing your theme. I'm working with Zen sub-theme and it requires jquery javascript library to be included.

Just add this
<a href="#" onclick="$('div.tabs').hide()" style="float:right; margin-top:-15px;"><?php print t('Hide'); ?></a>

in page.tpl.php like so:

<?php if ($tabs): ?>
              <div class="tabs"><?php print $tabs; ?><a href="#" onclick="$('div.tabs').hide()" style="float:right; margin-top:-15px;"><?php print t('Hide'); ?></a></div>
<?php endif; ?>

Enjoy!

⋅ Categories: Drupal 6.x

Comments

marcvangend’s picture

marcvangend
he/him
Primary language Dutch
Location Amsterdam
commented

Nice, it's simple yet effective. Maybe you can create a feature request in the Zen issue queue right here: http://drupal.org/project/issues/zen.

For anyone who's interested, there is another method to do something similar: the admin_menu module (a must have for every site if you ask me) offers the option to move local tasks (tabs) to the menu bar.

Andreas Radloff’s picture

Andreas Radloff commented

Thanks for the tip, what a great module!

Drupalutvecklare | Drupal Developer in Sweden