Select to view content in your preferred language

Bookmark widget: truncated text

914
2
11-30-2012 09:45 AM
markrobey
Deactivated User
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
0 Kudos
2 Replies
JianHuang
Deactivated User
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.
0 Kudos
markrobey
Deactivated User
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
0 Kudos