Hi Robert,
Thanks for the quick reply. Yes I have src/com/esri/viewer/skins/HScrollBarSkin.mxml in my project. The HScrollBarSkin.mxml code:
<?xml version="1.0" encoding="utf-8"?>
<!--
///////////////////////////////////////////////////////////////////////////
// Copyright (c) 2010-2011 Esri. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
///////////////////////////////////////////////////////////////////////////
-->
<!---
@private
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
alpha.disabled="0.5"
alpha.inactive="0.5"
minHeight="15"
minWidth="35">
<fx:Metadata>
[HostComponent("spark.components.HScrollBar")]
</fx:Metadata>
<s:states>
<s:State name="normal"/>
<s:State name="disabled"/>
<s:State name="inactive"/>
</s:states>
<s:Button id="track"
width="54"
left="16" right="15"
focusEnabled="false"
skinClass="com.esri.viewer.skins.HScrollBarTrackSkin"/>
<s:Button id="thumb"
focusEnabled="false"
skinClass="com.esri.viewer.skins.HScrollBarThumbSkin"
visible.inactive="false"/>
<s:Button id="decrementButton"
left="0"
enabled.inactive="false"
focusEnabled="false"
skinClass="com.esri.viewer.skins.ScrollBarLeftButtonSkin"/>
<s:Button id="incrementButton"
right="0"
enabled.inactive="false"
focusEnabled="false"
skinClass="com.esri.viewer.skins.ScrollBarRightButtonSkin"/>
</s:SparkSkin>
