5 Replies Latest reply on Apr 19, 2011 12:32 PM by Flex harUI

    Help me understand styling/skinning inheritance

    cut-copy-paste Level 1

      I am trying to skin my application and I have sort of seen how catalyst does it and read a bunch online but I am having a really hard time figuing out how everything interacts..

       

      For instance, I have an EventWindow component (built on BorderContainer) that is supertype for specific kinds of event windows.

       

      I want to skin/style the EventWindow in such a way that it affects all its subtypes. Is that even possible? or do I have to style them individually anyway?

      The reason I made the superclass in the first place was because I figured I could just apply all the styles to it and they would filter down.

       

      For instance I am trying to apply a backgroundImage.. but it doesn't seem to show up no matter what I do.

       

      i tried styling it on my EventWindow component and then on the subtype itself in the form

      evt|ExerciseWindow {

      backgroundImage: Embed("/assets/images/windowpops/evtwindowbg.png");

      }

       

      but it doesn't show up..

       

      I tried putting it in as a design layer on the EventWindow component, and it showed up there, but did not carry over to the subtype components...

       

      Any way of getting this to work?