Loading...
 
Themes

Themes


Formatting "Edit Section" icon/link

Hi all,

How does one get the "Edit Section" icon and link formatted so that it appears not right-justified in-line with the section heading but next to the section heading and as [edit] (like it is in Wikipedia for instance).

Looking a the source of a page there seems to be no class or anything distinctive defined for styling this way.

I'm new with Tiki so please excuse me if I should have missed an existing feature to do the job.

Thanks!

Japan

There's no admin option for styling the section edit icon, as far as I know, being a new feature. In the page source I see div class="icon_edit_section" and img class="icon" so I imagine you can replace or override default CSS properties for these, as far as the placement is concerned. I don't think the icon can be replaced with text using CSS alone (pseudo class could be used but wouldn't work in all browsers, i.e., IE6), but you could make an image of the text "edit" and replace the default image with it (same name and path).

-- Gary - zukakakina.com

Thanks Gary! The code I see with version 2.2 (default styles, templates, ...)

<div style="float:right;">
<a href="tiki-editpage.php?page=Startseite&hdr=1">
<img src="pics/icons/page_edit.png" alt="Edit Section" width="16" height="16" border="0" title="Edit Section" class="icon"/>
</a>
</div>
<h2 class="showhide_heading" id="Gruppenorganisation">Gruppenorganisation</h2>


No class "icon_edit_section" I'm afraid. It has been a while for me with HTML and CSS but I also think that my requirement cannot be implemented with CSS alone. One would have to change the order of the section heading (be 1st then) and the edit icon or text (be 2nd then). How would I do that---where can I find the template/code fragment? Thanks, indeed!