topic Re: Bookmark widget: truncated text in ArcGIS JavaScript Maps SDK Questions

Bookmark widget: truncated text

markrobey — Fri, 30 Nov 2012 17:45:49 GMT

Is there a CSS property that can be applied to the ESRI bookmarks dijit to increase the amount of bookmark text that can be displayed? At present, the bookmark text looks like it is being truncated at a certain number of pixels (as the last character is incomplete). I have tried width and max-width with .esriBookmarkItem and .esriBookmarks but this just results in a wider dijit with the text still truncated.

Thanks,

Mark

Re: Bookmark widget: truncated text

JianHuang — Fri, 30 Nov 2012 21:44:39 GMT

Mark,

You can adjust the width of bookmark/bookmark item/bookmark label by setting the CSS:
          .esriBookmarkLabel{
     width: 200px;
   }
   .esriBookmarkEditBox{
     width: 200px;
   }
   .esriBookmarkTable{
     width: 274px;
   }
   .esriBookmarks{
     width: 280px;
   }
   .esriBookmarkItem{
     width: 280px;
   }

Hope this helps.

Re: Bookmark widget: truncated text

markrobey — Sat, 01 Dec 2012 10:15:13 GMT

Thanks for your swift reply. I had already tried those CSS properties and, while they are useful, I found the solution to be the min-width property, as in:

        .esriBookmarkLabel{
            min-width: 300px;
        }

in conjunction with:

       .esriBookmarks{
            width: 300px;
        }

Many thanks,

Mark