POST
|
Thanks Kelly. That pointed me to the right direction. To modify the size, location and labels for the zoom slider you can use the options in esri.config. Here's an example that modifies the location and size:
function init() {
//set position of slider at 10 pixels offset from right/top of map
//set slider height to 100 pixels
esri.config.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"300px" };
For the arrows here's some css that changes the arrow image. In this case I have a sprite that contains two arrows (up and down). The positions specified for the up and down arrow using background-position specify the location of the individual image within the sprite. If you use a tool like this one to generate the sprite it will provide you with the location coords for each of the contained images. http://spritegen.website-performance.org/
.claro .dijitSliderDecrementIconH, .claro .dijitSliderIncrementIconH, .claro .dijitSliderDecrementIconV, .claro .dijitSliderIncrementIconV {
background: url("../images/arrows.png") no-repeat top left;
border: 1px solid #B5BCC7;
border-radius: 2px 2px 2px 2px;
font-size: 1px;
}
.claro .dijitSliderDecrementIconV {
background-position: 0 0;
width:16px;
height:16px;
border: none;
}
.claro .dijitSliderIncrementIconV {
background-position: 0 -66px;
width:16px;
height:16px;
border:none;
}
... View more
12-20-2011
09:11 AM
|
1
|
3
|
1211
|
POST
|
Hi, i'm trying to modify the zoom buttons in zoom slider. After i did some search, i found they were associated with .claro .dijitSliderDecrementIconV and .claro .dijitSliderIncrementIconV in CSS. So i tried to use: .dijitSliderIncrementIconV, .dijitSliderDecrementIconV { background-image: url('../Images/plus.png'); } This doesn't seem to work. but when i try .dijitSliderIncrementIconV, .dijitSliderDecrementIconV { display: none; } the two zoom buttons do disappear. i'm pretty sure i configured the image path correctly. And also when i try to change other attributes such as height, width. i don't see any changes either. Does anyone know how to fix this problem? Thanks Qing
... View more
12-20-2011
07:06 AM
|
0
|
5
|
7336
|
Title | Kudos | Posted |
---|---|---|
1 | 12-20-2011 09:11 AM |
Online Status |
Offline
|
Date Last Visited |
11-11-2020
02:24 AM
|