Application Unique CSS Using ApplicationID Session Tags

Options

This is an approach to styling elements per application.

So in my page wrapper, around my page layout and content I would have


<div class="application]" >
page wrapper content somewhere in here
</div>

(I also tried adding this to the body tag attributes, but have had mixed results)

So in my CSS I could do things like


.application2 .WrapperBack {display: none}

.application13 .WrapperBack { display:none; }
.application13 .SideBar { display:none; }

.application22 .WrapperBack { border-color: red; }
//etc...

Here are some application IDs (i'll add more over time):

2 events calendar

6 Ecommerce

10 UserLogin

13 photos

19 page builder

1017 PageBuilderPreviewPage

81 Constituent Profile

95 storybuilder

150 take action

210 personal events

3301 admin

Tagged:

Comments

  • I was looking for app ID's for ages and just today realized there's a big list at the end of the S Tags Reference document (PDF), Appendix C, and I just never saw it all the other times I referred to this doc. One note, the S Tags Reference doc says they're for use with the S11 tag - but the ones listed here (in the S4 tag context) match their counterparts in the document I'm referring to, so hopefully they're all the same and can be used for S4 and S11...?

    Link to this reference doc:

    http://community.customer.convio.com/docs/DOC-2102

    I know this topic is super old, but it's what I found when I was looking for app IDs a month ago and I would've loved to know where I could see a more complete list, so hopefully this will help someone else. (And if the list in Appendix C won't work for S4 tags, hopefully someone from Convio will see this and clarify )

  • S4 and S11 use the exact same application ids. I've just suggested to our documentation team to clarify that in Appendix C.

  • Super - thanks for the quick response!

Categories