POST
|
Riyas, This is exactly what I am after. The only problem with this is that I am using JQuery UI Layout not dojo. the box-shadow: inset.... works great for this layout too but when I add the map to the center pane then the map it self hides the inset shadow. Playing around with Firefox, I saw that it could work if I add some css to "map.gc" SVG... Now when adding some code "box-shadow: inset....!important" in my script, it does not do anything. Any idea? By the way I really like the shadow you added to the slider! Alex
... View more
08-27-2014
08:43 AM
|
0
|
2
|
946
|
POST
|
Thank you, That is super helpful! I was looking for it for a long time now! Alex
... View more
08-26-2014
12:39 PM
|
0
|
0
|
1495
|
POST
|
Hi all, I am looking to add some show between the west and east panels (JQuery UI layout). I tried adding box-shadow: inset but dont get any positive results except in Firebug when I change the SVG map-gc. End result should look like this: As I have it, only the header box-shadow shows:
... View more
08-26-2014
11:46 AM
|
0
|
5
|
1838
|
POST
|
Hi all, I am trying to insert vertically the home button in between the zoom sliders ( + and -). How can I achieve that? Thank you, Alex
... View more
08-26-2014
11:30 AM
|
0
|
13
|
7790
|
POST
|
Hi all, I am trying to add scale bar box-shadow. Is it possible? Thank you, Alex
... View more
08-25-2014
07:53 PM
|
0
|
2
|
1069
|
POST
|
Hi all, I am looking to use an inset box-shadow to the map. Using Firefox I noticed that I could do so modifying the style of map-gc (svg). However when I apply the change to the map in my css stylesheet i dont get anything. Any of you have a clue how to a box-shadow? I am using JQuery layout UI. Thank you, Alex
... View more
08-25-2014
09:43 AM
|
0
|
1
|
1194
|
POST
|
Well it looks great already! It is a lot of work you put into this. I have not yet gotten the chance to use bootstrap I think this day will come soon. Thank you for your help! Alex
... View more
08-19-2014
01:08 PM
|
0
|
0
|
1007
|
POST
|
Got it! Thank you! That was it. I am truly impressed by your demo. It looks great. Which JQuery widget did you use for the toolbar in the west panel? I would love to use something similar. Alex
... View more
08-19-2014
12:43 PM
|
0
|
2
|
1007
|
POST
|
Filip, I am not resizing the map at all at the moment I am not really sure how to do so with ESRI JS API. I used autoResize but i think I am not using it right. As of now here is my code: //$(document).ready(function () { ready(function () { $('#container').layout("resizeContent"); // create the map var map = new Map("map", { logo: true, sliderPosition: "top-right", basemap: "topo", center: [-121.469, 38.556], zoom: 8, autoResize: true }); console.log("added basemap"); }); }); By the way your example looks great. Thank you for your help! Alex
... View more
08-19-2014
12:25 PM
|
0
|
0
|
1007
|
POST
|
Hi all, I am trying to use a JQuery layout from a plugin called "JQuery Layout UI" for my web applications but It seems like I am experiencing an issue. As shown on my attachment the map displays correctly, but when I close the east panel, the map does not resize properly and a large white margin appears instead of the panel. What am I missing? Code:
<!DOCTYPE html>
<html>
<head>
<title>Layout Container</title>
<link type="text/css" rel="stylesheet" href="../source/stable/layout-default.css">
<link rel="stylesheet" href="https://community.esri.com//js.arcgis.com/3.10/js/dojo/dijit/themes/nihilo/nihilo.css">
<link rel="stylesheet" href="https://community.esri.com//js.arcgis.com/3.10/js/esri/css/esri.css">
<style type="text/css">
html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: auto; /* when page gets too small */
}
body {
background: #666;
}
/*
* #verticalCenteringWrapper
*
* This is an example of a pure CSS solution for vertical centering
* It works well when dealing with a fixed-height container
* However if you just want a 'margin' at top and bottom,
* then you could use an absolutely positioned div with top & bottom settings,
* or use an extra wrapper-layout as described in more detail below.
*/
#verticalCenteringWrapper {
background: #777; /* for easier visualization */
overflow: visible !important; /* override Layout CSS added due to #container.min-height */
width: 100%;
height: 0;
top: 50%;
position: absolute;
}
#container {
background: #999;
height: 500px;
margin: -250px auto 0; /* top-margin = height/2 */
width: 100%;
max-width: 1100px;
min-width: 700px;
_width: 700px; /* min-width for IE6 */
position: relative;
}
.pane ui-layout-center {
width: 100%;
height: 100%;
position: absolute;
}
.pane {
display: none; /* will appear when layout inits */
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="../source/stable/jquery.layout.js"></script>
<script src="http://js.arcgis.com/3.10/"></script>
<script type="text/javascript">
require(["esri/map", "dojo/ready", "dijit/layout/ContentPane"], function (Map, ready) {
//$(document).ready(function () {
ready(function () {
$('#container').layout("resizeContent");
// create the map
var map = new Map("map", {
logo: true,
sliderPosition: "top-right",
basemap: "topo",
center: [-121.469, 38.556],
zoom: 8,
autoResize: true
});
console.log("added basemap");
});
});
</script>
</head>
<body>
<div id="verticalCenteringWrapper">
<div id="container">
<div class="pane ui-layout-center">
<div id="map" class="nihilo" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center', design:'sidebar'" style="width:100%; height:100%"></div>
</div>
<div class="pane ui-layout-north">North</div>
<div class="pane ui-layout-south">South</div>
<div class="pane ui-layout-east">East</div>
<div class="pane ui-layout-west">West</div>
</div>
</div>
</body>
</html>
Attachment: Alex
... View more
08-19-2014
11:41 AM
|
0
|
7
|
1718
|
POST
|
Hi all, I am using a template Editor widget with simple toolbar | ArcGIS API for JavaScript. When I click on a feature I dont see any attributes. I am using a secured Feature layer service. How can I show the attributes? Thank you, Alex
... View more
07-29-2014
12:34 PM
|
0
|
0
|
1814
|
POST
|
Hi all , I am trying to create a client-side alert (popup) that would enable the user to automatically (when loaded) verify who was the editor of the feature Layer and when it was last edited. I have already enabled tracking edits and archiving. Is there way to do so? I was thinking of using getEditSummary. Any idea??? featurelayer | API Reference | ArcGIS API for JavaScript
... View more
07-28-2014
12:28 PM
|
0
|
0
|
439
|
POST
|
Hi all, I am trying to set up a .NET proxy page in order to authenticate clients to my web app but it is not working. I keep hitting the ArcGIS Server loggin and password. Here is my script: <?xml version="1.0" encoding="utf-8" ?> <ProxyConfig allowedReferers="*" mustMatch="true"> <serverUrls> <serverUrl url="http://services.arcgisonline.com" matchAll="true" /> <serverUrl url="http://webgisdevint1/ArcGIS/rest/services" matchAll="true"/> <serverUrl url="http://webgisdevint1/arcgis/rest/services/Alex_Try/AllOptions/MapServer" accessToken="adNls_7vLufJNVb3vVJevwyB2uuqS09h9ih5RV4-ptnHHqAToZU_h3GH1QFV4S32" /> </serverUrls> </ProxyConfig> Is there anything wrong in my config file? Thank you, Alex
... View more
07-17-2014
10:04 AM
|
0
|
1
|
3519
|
Title | Kudos | Posted |
---|---|---|
1 | 10-31-2016 11:46 AM | |
1 | 10-15-2014 02:17 PM | |
1 | 11-19-2015 09:14 AM | |
1 | 10-29-2015 04:38 PM | |
1 | 02-02-2015 09:55 AM |
Online Status |
Offline
|
Date Last Visited |
11-05-2021
12:09 PM
|