Terry,
What is your PopUpMediaBrowserSkin.mxml called and where did you place it? Your MyPopUpRenderSkin.mxml needs to point to your PopUpMediaBrowserSkin.mxml using the skinClass attribute.
I also added the import in the fx Script blockYou can undue that.
import com.esri.viewer.skins.supporClasses.MyPopUpMediaBrowserSkin;
And in the default.css I enteredYou can undue that as well as they way the component knows to use your customized skin is through you setting the skinClass attribute.
esri|PopUpMediaBrowser
{
skinClass:ClassReference("com.esri.viewer.skins.supportClasses.MyPopUpMediaBrowser");
}
<supportClasses:PopUpMediaBrowser id="mediaBrowser"
height="270"
width="100%"
skinClass="com.esri.viewer.skins.supportClasses.MyPopUpMediaBrowser"/>
<supportClasses:PopUpMediaBrowser id="mediaBrowser"
height="270"
width="100%"
skinClass="com.esri.viewer.skins.supportClasses.MyPopUpMediaBrowserSkin"/>
Terry,
Hmm... You can undue that.
You are not replacing the actual PopUpMediaBrowser component. You are just updating the skinClass.
You can undue that as well as they way the component knows to use your customized skin is through you setting the skinClass attribute.
It looks like your issue is actually in this code:<supportClasses:PopUpMediaBrowser id="mediaBrowser" height="270" width="100%" skinClass="com.esri.viewer.skins.supportClasses.MyPopUpMediaBrowser"/>
that should be:<supportClasses:PopUpMediaBrowser id="mediaBrowser" height="270" width="100%" skinClass="com.esri.viewer.skins.supportClasses.MyPopUpMediaBrowserSkin"/>
Terry,
I am not real sure where you are going wrong then. I have done these steps (even naming my "MyPopupRendererSkin.mxml" just like yours) and I have no problem seeing the changes, to include the rectangle being removed. Here is my whole MyPopUpMediaBrowserSkin.mxml