sections as buttons

[lilysavage]

Hi All

Can anyone tell me if it is possible to change the section listing from text hyperlinks to buttons and if possible how to format them positionally (e.g. right justified on a vertical listing)

Thanks in advance

[Nadeem]

Hi there

The way the sections are formatted is through a template called Act_SectionLine.html

If you go to "Advance | Template Manager | Section"

Simply click on Child Section and Act_SectionLine.html will appear. Simply make the changes here for right justified.

At the moment the templates have it:
<TD ALIGN="LEFT" VALIGN="MIDDLE">

Hope this information helps you

Kind Regards

[Nadeem]

Hi there

Forgot to answer the other question. Again in the same template, where it has:
A HREF="NETQUOTEVAR:SECTIONLINK"><B>NETQUOTEVAR:SECTIONNAME</B></A>

Simply change this to

A HREF="NETQUOTEVAR:SECTIONLINK"><B>NETQUOTEVAR:SECTIONIMAGE</B></A>

This will give you the image has a link

Kind Regards

[lilysavage]

Thanks for your help

I tried changing the 'left' to 'right' but it had no effect, also the coding seems to be different in my template as follows,

<TR>

<TD ALIGN="RIGHT" VALIGN="TOP">
<A HREF="NETQUOTEVAR:SECTIONLINK">NETQUOTEVAR:SECTIONIMAGE</A>
</TD>

<TD ALIGN="RIGHT" VALIGN="MIDDLE">
<A HREF="NETQUOTEVAR:SECTIONLINK"><B>NETQUOTEVAR:SECTIONNAME</B></A>
<br><span class="actxsmall">NETQUOTEVAR:SECTIONTEXT</span>
</TD>

</TR>

Any ideas?

[Nadeem]

Hi there

Strange, please check the following

In Actinic, go to "Design | Option | Layout"

Click on Edit Button on "Top Level Section Link Layout" and do the adjustments here

Kind Regards

[lilysavage]

I've changed the 'name' bit to 'image as suggested above and it has worked although not really how I wanted it.

All it's done is put the section images down the left hand nav bar and I wanted to be able to put my own designed buttons there

Is this possible??

Thanks again

[Nadeem]

Hi there

If you want to include your own images in the section, then simply double click on one of the sections and then select the image you wish to use.

If you looking at advance view, then please click on the general tab, and you will see a image box

Kind Regards

[garyhay]

Is what you mean that you want to have buttons rather than the text links

[lilysavage]

Hi Nadeem and yes I would like buttons rather than text links.

Thanks

[lilysavage]

Sorry that should have been Hi Gary.....etc....its been a long day!!

[garyhay]

I must say first I have yet to try this but don't see why it wont work.

EDIT_ I have now and it works _EDIT


All buttons will be the same

What you need to do is edit the template that provides the navigation links and make your button image the backround of the cell. You would then have a button generated for each link.

The original text link will still be used but it will appear to be part of the button.

This code is from Act_SectionLineSmallText.html



<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->
<!-- NETQUOTEVAR:SECTIONIMAGE NETQUOTEVAR:SECTIONTEXT -->
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="YOURBUTTONIMAGE.gif"><A HREF="NETQUOTEVAR:SECTIONLINK"><span class="actxsmall">NETQUOTEVAR:SECTIONNAME</span></A></td>
</tr>
</table>

NETQUOTEVAR:NEXT
<!-- Insert HTML for the end of a section title -->
<!-- SectionLine HTML end -->

[lilysavage]

Hi Gary

I've done exactly as you describe by creating a button background called 'section_button.gif' then placing this name in the code as described, placing the code in the file mentioned and saved.

I then previewed it and its still the same

i.e. just text links with no button background.

Any ideas????

Also is there any way of having individual buttons ?????

Thanks

[garyhay]

Put the graphic in the site 1 folder and copy it to the preview HTML folder so you can see it in preview

[lilysavage]

Hi Gary

Yep, thanks, now I've copied the file to the preview directory it does work but is there any way of actually using my own buttons???

Thanks

[garyhay]

You could do that with CUSTOMVARs. Again not tested

You would redo the code as follows (might need to remove the .gif part) and define the CUSTOMVAR.


<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->
<!-- NETQUOTEVAR:SECTIONIMAGE NETQUOTEVAR:SECTIONTEXT -->
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td background="CUSTOMVAR:MYCUSTOMIMAGE.gif"><A HREF="NETQUOTEVAR:SECTIONLINK"><span class="actxsmall">NETQUOTEVAR:SECTIONNAME</span></A></td>
</tr>
</table>

NETQUOTEVAR:NEXT
<!-- Insert HTML for the end of a section title -->
<!-- SectionLine HTML end -->

Next name the image in the section properties dialog and tick the relevent boxes