size of popup window

669
2
07-30-2012 01:01 PM
BillShockley
Occasional Contributor
I am working with a popup window and it seems to always be double spaced.  Is there a way to change this?  I'm working off this sample:

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/widget_extendI...

Any help is much appreciated.
0 Kudos
2 Replies
derekswingley1
Frequent Contributor
You can probably use CSS to tweak the spacing of various things...can you post a screen shot of what you're seeing?
0 Kudos
BillShockley
Occasional Contributor
This is what I see on my end and I would like to have it single spaced, not double spaced.  My guess is that this is something simple that I am missing.

[ATTACH=CONFIG]16547[/ATTACH]

here is the css I have so far:

   <style><!--css for Center map-->
     
      #map{
        padding:0;
      }
      .esriPopup.myTheme .titlePane,
      .dj_ie7 .esriPopup.myTheme .titlePane .title {
        background-color: #899752;
        color: #333333;
        font-weight: bold;
      }
      .esriPopup.myTheme .titlePane {
        border-bottom: 2px solid #00000;
      }
      .esriPopup.myTheme a {
        color: #00000;
      }
      .esriPopup.myTheme .titleButton,
      .esriPopup.myTheme .pointer,
      .esriPopup.myTheme .outerPointer,
      .esriPopup.myTheme .esriViewPopup .gallery .mediaHandle,
      .esriPopup.myTheme .esriViewPopup .gallery .mediaIcon {
          background-image: url(images/popup.png);
      }
      .esriPopup.myTheme .contentPane,
      .esriPopup.myTheme .actionsPane {
         border: 1px solid #455268;
    background-color: #dfe5d7; 
   /* background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));*?
  }

    </style>


//define a popup template
        var popupTemplate = new esri.dijit.PopupTemplate({
          //title: "{DISPLAY_ID}",
          fieldInfos: [
          {fieldName: "DISPLAY_ID", visible: true, label:"Truck ID:"},
    {fieldName: "STREET_NAME", visible: true, label:"Location:"},
    {fieldName: "Code", visible: true, label:"Code:"},
    {fieldName: "REASON", visible: true, label:"Reason:"},
          {fieldName: "DATE_TIME", visible:true, label:"Date:"}
          ],
         
          showAttachments:true
        });
0 Kudos