I have a UX that was built in V11 using the CSS Style MobPurple. I am reconfiguring this UX to work with some panels.
I want the panels to work with the MobPurple CSS still, because the styling an colors are working well, but I want to use the IOS CSS for the panels - in terms of positioning and the like.
I have copied all of the panel styles out of IOS and put them into MobPurple, then changed the names from .iOS to .MobPurple, but they don't seem to be taking. I have even added them to MobPurple and left the names as .iOS. But that hasn't helped either.
If I substitute the IOS CSS in place of MobPurple, then the panels work correctly, but the rest of my styling is off.
I have tried recalculating the control and even deleting some panels and replacing them - but they won't use the panel styles in MobPurple no matter what I try.
If I look at them in firebug, the footer, for instance, will use .iOSPanelTopFooter class with the IOS CSS, but if I am using the MobPurple CSS, it has a blank class, even though I have both MobPurplePanelTopFooter and iOSPanelTopFooter in the style.
If I add the IOS CSS as a linked CSS file and then add the class manually to a panel, that helps, but it's not perfect. I think there are inherited properties that I am missing. And, for instance, I want the panel navigation icons to show, but they will only show using the IOS CSS.
So, what do I have to do to make MobPurple have the Panel classes so that the UX will use them properly?
I want the panels to work with the MobPurple CSS still, because the styling an colors are working well, but I want to use the IOS CSS for the panels - in terms of positioning and the like.
I have copied all of the panel styles out of IOS and put them into MobPurple, then changed the names from .iOS to .MobPurple, but they don't seem to be taking. I have even added them to MobPurple and left the names as .iOS. But that hasn't helped either.
If I substitute the IOS CSS in place of MobPurple, then the panels work correctly, but the rest of my styling is off.
I have tried recalculating the control and even deleting some panels and replacing them - but they won't use the panel styles in MobPurple no matter what I try.
If I look at them in firebug, the footer, for instance, will use .iOSPanelTopFooter class with the IOS CSS, but if I am using the MobPurple CSS, it has a blank class, even though I have both MobPurplePanelTopFooter and iOSPanelTopFooter in the style.
If I add the IOS CSS as a linked CSS file and then add the class manually to a panel, that helps, but it's not perfect. I think there are inherited properties that I am missing. And, for instance, I want the panel navigation icons to show, but they will only show using the IOS CSS.
So, what do I have to do to make MobPurple have the Panel classes so that the UX will use them properly?