using a docs property as an html attribute

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Soeren Sprogoe 575 posts 259 karma points

Jul 15, 2009 @ 13:17
0

Using a docs property as an HTML attribute
Hi there,

I'm trying to upgrade a site's template from v3 to v4, and have come across a problem that's probably pretty simple to answer.

I'm trying to insert a documents property as a value in an HTML attribute, like this:
```
<link rel="stylesheet" type="text/css" href="<umbraco:Item field="siteCustomCSS" recursive="true" runat="server"></umbraco:Item>" /> 
```
But the output comes out all wrong:
```
<link rel="stylesheet" type="text/css" href="&quot;&lt;umbraco:Item" field="siteCustomCSS" recursive="true" /></umbraco:Item>" />
```
How do I fix this? What am I doing wrong here?

Best regards,
Soeren S.
Copy Link

Ismail Mayat 4511 posts 10092 karma points MVP 2x admin c-trib

Jul 15, 2009 @ 13:21

try

changing

href="<umbraco:Item field="siteCustomCSS" recursive="true" runat="server"></umbraco:Item>" />

href="<umbraco:Item field='siteCustomCSS' recursive='true' runat='server'></umbraco:Item>" />

Copy Link

Soeren Sprogoe 575 posts 259 karma points

Jul 15, 2009 @ 13:37

0

Nope, no luck. It still comes out all wrong :-/

/SoerenS

Copy Link
Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib

Jul 15, 2009 @ 13:43

0

Would it be a possibility for you to make it as an xslt macro instead?

I am quite sure that it should be possible to have an XSLT macro inserted into the href attribute and getting the correct value.

/Jan

Copy Link
Warren Buckley 2106 posts 4836 karma points MVP 7x admin c-trib

Jul 15, 2009 @ 13:44
0
OK try this single quotes for the item in the double quotes, should hopefully fix it.
```
<link rel="stylesheet" type="text/css" href="<umbraco:Item field='siteCustomCSS' recursive='true' runat='server'></umbraco:Item>" />
```
Copy Link
Warren Buckley 2106 posts 4836 karma points MVP 7x admin c-trib

Jul 15, 2009 @ 13:45

0

Sorry just seen that Ismail suggested that, but what is the ouput when you do it with single quotes?

Copy Link
Soeren Sprogoe 575 posts 259 karma points

Jul 15, 2009 @ 13:50
0
Close to being the same:
```
<link rel="stylesheet" type="text/css" href="&lt;umbraco:Item field='siteCustomCSS' recursive='true' runat='server' />" />
```
Not sure why it keeps insisting on writing <

When I copy the stuff outside of the HTML attribute it works just fine.

@Jan: Yeah, when I give up that'll be the solution. It just bothers me why I can't figure out getting something as simple as this to work...

/SoerenS
Copy Link
Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib

Jul 15, 2009 @ 13:53
0
Strike my suggestion - does'nt work in v4...

But I guess the solution would be to make a macro in, which you write something like this
```
<xsl:variable name="css">
```
```
<xsl:value-of select="$currentPage/ancestor-or-self::node/data[@alias='stylesheet']" />
```
```
</xsl:variable>
```
```
<link rel="stylesheet" type="text/css" href="{$css}" />
```
/Jan
Copy Link
Warren Buckley 2106 posts 4836 karma points MVP 7x admin c-trib

Jul 15, 2009 @ 13:55

0

I am not sure why it would be rendering it like that as when you insert an umbraco:item into a src attribute of an <img> tag it works just fine.

Can I ask why you have a field to store a path to a customCSS file, as maybe this could be implemented easier to avoid this problem?!

Warren

Copy Link
Soeren Sprogoe 575 posts 259 karma points

Jul 15, 2009 @ 13:55
2
Hah, found it!

I've been using the default Runway site template, that starts out with:
```
<head id="head" runat="server">
```
Seems like when you tell an element to be run server side you'll have problems with macros.

Thanks for trying to help guys!

/SoerenS
Copy Link
Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib

Jul 15, 2009 @ 13:56

0

I think the reason why this is not working could maybe be because of the new template system, which as you surely know is based entirely on the .NET masterpages.

And I don't think you are allowed to assign values to attributes like we could do in earlier versions than v4. But I am not quite sure. Just a thought since my first suggestion does not work either.

Maybe some .NET experts can clear this one out?

/Jan

Copy Link
Soeren Sprogoe 575 posts 259 karma points

Jul 15, 2009 @ 13:57

0

@Warren: It's for a solution that is running multiple similar sites. Each is using the same template system, but has a single, simple custom CSS that changes site logo, colors and simple stuff like that.

/SoerenS

Copy Link
Dirk De Grave 4541 posts 6021 karma points MVP 3x admin c-trib

Jul 15, 2009 @ 13:59

3

Yep, runat="server" is the culprit; Richard has done a blogpost on that...

Copy Link
Soeren Sprogoe 575 posts 259 karma points

Jul 15, 2009 @ 14:02

0

@Dirk: Ah, I knew I've read about the problem somewhere! That's why it was extra super annoying that I couldn't find a solution right away :-P

Thanks for all the help!

/SoerenS

Copy Link
Warren Buckley 2106 posts 4836 karma points MVP 7x admin c-trib

Jul 15, 2009 @ 14:04

0

Glad you got it solved - if only you could mark your own post as the solution !

Copy Link
Warren Buckley 2106 posts 4836 karma points MVP 7x admin c-trib

Jul 15, 2009 @ 14:05

0

Glad you got it solved - if only you could mark your own post as the solution !

Copy Link
Masood Afzal 176 posts 522 karma points

Jul 15, 2009 @ 14:53

2

this works fine, change it to meet your requirements

<umbraco:Item ID="m_metaKeywords" Field="metaKeywords" runat="server" Xslt="concat('<meta name="keywords" content="',{0},'"/>')" XsltDisableEscaping="true" recursive="true"></umbraco:Item>

Copy Link
Lee Kelleher 4026 posts 15836 karma points MVP 13x admin c-trib

Jul 15, 2009 @ 15:08
0
Glad removing the runat="server" attribute sorted the problem.

On a side note, here is what I usually do instead of including <umbraco:Item> tags in attributes - I use the "insertTextBefore" and "insertTextAfter" properties.
```
<umbraco:Item field="siteCustomCSS" recursive="true" insertTextBefore="&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;" insertTextAfter="&quot; media=&quot;screen&quot; /&gt;" runat="server"></umbraco:Item>
```
This way if the "siteCustomCSS" property has no value, the rest of the <link /> tag will not be rendered.
Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?