Hi,

You could just strip out your special character

<a href="{umbraco.library:NiceUrl(@id)}"><xsl:attribute name="class"><xsl:value-of select="umbraco.library:Replace(@nodeName, '/', '')"/></xsl:attribute></a></h3> >  

Best of luck

Rich

Teena,

Although Rich's suggestion will work, I still think it's a bad design to "synchronize" the css class name with the name of the node (or part of the node name), you'll always run into issues as you've just experienced, but also when new nodes are created that need to have chars replaced (umbracoSettings.config has the list of replaced chars), but also when renaming nodes. As you'll base the css class name on the node name, you'll have to do an intervention anytime this changes.

I'd look into adding the css class name as a property on the node and hide that property using this project.

Hope this helps.

Regards,

/Dirk

Agree that Dirks solution is much better in the long run.

Rich

I don't really follow the second suggestion and there is no time left in the project so I'm attempting to strip out the special character as per Rich's suggest. 

Inserting:

<a href="{umbraco.library:NiceUrl(@id)}"><xsl:attribute name="class"><xsl:value-of select="umbraco.library:Replace(@nodeName, '/', '')"/></xsl:attribute></a></h3> >

Resulted in h3 tags containing ">" across the board.  Tried removing the final ">", this resulted in empty h3 tags.

<h3 style="visibility: visible;"><a class="ProductsServices" href="/products-and-services.aspx"></a></h3>

Edited to include  <xsl:value-of select="@nodeName"/> where I expect to display the visible link:

<h3><a href="{umbraco.library:NiceUrl(@id)}"><xsl:attribute name="class"><xsl:value-of select="umbraco.library:Replace(@nodeName, '/', '')"/></xsl:attribute><xsl:value-of select="@nodeName"/></a></h3>

This returns a visible link of "ProductServices" :

<h3 style="visibility: visible;"><a class="ProductsServices" href="/products-and-services.aspx" style="display: inline-block;">ProductsServices</a></h3>

Kinda back where I started the long way around.  I guess I need to add the slash back in for link display?

Any suggestions appreciated.

Teena,

Your last entry doesn't make sense

<a class="ProductsServices" href="/products-and-services.aspx" style="display: inline-block;">ProductsServices</a>

This must mean your node is called "Products and Services". Also there's no mention style="display" etc in your XSLT.

This code should work (exactly the same as your code posted above)

<h3><a href="{umbraco.library:NiceUrl(@id)}"><xsl:attribute name="class"><xsl:value-of select="umbraco.library:Replace(@nodeName, '/', '')"/></xsl:attribute><xsl:value-of select="@nodeName"/></a></h3>

Maybe post the whole XSLT you are trying.

Dirks suggestion makes perfect sense, so not sure what's hard to follow.

Basically it's saying, add a attribute to your DocType named "cssclass" then in your XSLT

<h3><a href="{umbraco.library:NiceUrl(@id)}"><xsl:attribute name="class"><xsl:value-of select="data [@alias='cssclass']"/></xsl:attribute><xsl:value-of select="@nodeName"/></a></h3>

Then in your Product & Services node just fill in the exact name you want for your css class.

Rich

Here's the xlst:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]>
<xsl:stylesheet 
   version="1.0" 
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
 xmlns:msxml="urn:schemas-microsoft-com:xslt"
  xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" 
  exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets ">


<xsl:output method="xml" omit-xml-declaration="yes"/>

<xsl:param name="currentPage"/>

<xsl:template match="/">

<!-- start writing XSLT -->
<xsl:for-each select="$currentPage/ancestor-or-self::node [@level=1]/node [string(data [@alias='displayInFooter']) = '1']">

<xsl:if test="./node/@id !=''">
<div class="footer-mod"><xsl:attribute name="id"><xsl:value-of select="@nodeName"/></xsl:attribute>

<h3><a href="{umbraco.library:NiceUrl(@id)}"><xsl:attribute name="class"><xsl:value-of select="umbraco.library:Replace(@nodeName, '/', '')"/></xsl:attribute><xsl:value-of select="@nodeName"/></a></h3>

 

        <ul>
                <xsl:for-each select="./node [string(data [@alias='umbracoNaviHide']) != '1']">
                        <li>
                                <a href="{umbraco.library:NiceUrl(@id)}">
                                        <xsl:value-of select="@nodeName"/>
                                </a>
                        </li> 
                </xsl:for-each>
        </ul></div>
</xsl:if>
</xsl:for-each>



</xsl:template>

</xsl:stylesheet>

Here's the code it generates at in the footer at Products/Services:

<h3 style="visibility: visible;"><a class="ProductsServices" href="/products-and-services.aspx" style="display: inline-block;">ProductsServices</a></h3>

My content page properties:

Thanks Rich,

This worked wonderfully, just what I was looking for. 

Thanks for your help!

is working on a reply...