title: SmartGWT: ComboBox - ValueMap not appearing
body: <p>I'm still newbie in SmartGWT, currently having a strange problem..</p>
  
  <p>I am using Windows XP and SmartGWT version 3.0,
  GWT SDK 2.4.0 (using Eclipse IDE).</p>
  
  <p>So my problem is, I kind of copied examples from the SmartGWT showcase: <a href="http://www.smartclient.com/smartgwt/showcase/#styled_combobox_category" rel="nofollow">Styled ComboBox</a></p>
  
  <pre><code>DynamicForm df = new DynamicForm();
  ComboBoxItem cb = new ComboBoxItem();
  cb.setValueMap("cat", "dog", "bird");
  cb.setTitle("Select:");
  df.setItems(cb);
  ...
  layout.addMember(df);
  </code></pre>
  
  <p>And when I run it as Web Application, the valuemap doesn't appear.
  I mean, the [v] button is there but nothing happens when i clicked it..</p>
  
  <p>Sorry for the noob question, and thanks for your help! :D</p>
  
  <hr>
  
  <p>UPDATE - 05/03/2012</p>
  
  <p>Here is what appears on my browser:</p>
  
  <p>screenshot removed</p>
  
  <p>Here is the full standalone code:</p>
  
  <p><strong>HelloWorld.java</strong></p>
  
  <pre><code>package com.example.helloworld.client;
  
  import com.google.gwt.core.client.EntryPoint;
  import com.smartgwt.client.widgets.layout.VLayout;
  import com.smartgwt.client.widgets.form.DynamicForm;
  import com.smartgwt.client.widgets.form.fields.ComboBoxItem;
  
  
      public class HelloWorld implements EntryPoint {
  
          public void onModuleLoad() {
  
              VLayout layout = new VLayout();
              layout.setWidth100();
              layout.setHeight100();
  
              DynamicForm df = new DynamicForm();
              ComboBoxItem cb = new ComboBoxItem();
              cb.setTitle("Select :");
              cb.setValueMap("Cat", "Dog", "Bird");
  
              df.setItems(cb);
              layout.addMember(df);
  
              layout.draw();
          }
      }
  </code></pre>
  
  <p><strong>HelloWorld.gwt.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;module rename-to='helloworld'&gt;
    &lt;!-- Inherit the core Web Toolkit stuff.                        --&gt;
    &lt;inherits name='com.google.gwt.user.User'/&gt;
  
    &lt;!-- Inherit the default GWT style sheet.  You can change       --&gt;
    &lt;!-- the theme of your GWT application by uncommenting          --&gt;
    &lt;!-- any one of the following lines.                            --&gt;
  
    &lt;!-- &lt;inherits name='com.google.gwt.user.theme.standard.Standard'/&gt; --&gt;
    &lt;!-- &lt;inherits name='com.google.gwt.user.theme.chrome.Chrome'/&gt; --&gt;
    &lt;!-- &lt;inherits name='com.google.gwt.user.theme.dark.Dark'/&gt;     --&gt;
  
    &lt;!-- Other module inherits                                      --&gt;
    &lt;inherits name="com.smartgwt.SmartGwt" /&gt;
  
    &lt;!-- Specify the app entry point class.                         --&gt;
    &lt;entry-point class='com.example.helloworld.client.HelloWorld'/&gt;
  
    &lt;!-- Specify the paths for translatable code                    --&gt;
    &lt;source path='client'/&gt;
    &lt;source path='shared'/&gt;
  &lt;/module&gt;
  </code></pre>
  
  <p>On the 'Development Mode' tab in Eclipse (the one that shows you link to run on browser),
  i get this message:</p>
  
  <blockquote>
    <p>[INFO] [helloworld] - Your *.gwt.xml module configuration prohibits
    the use of the current doucment rendering mode (document.compatMode='
    CSS1Compat').<br>Modify your application's host HTML page doctype, or
    update your custom 'document.compatMode' configuration property
    settings.</p>
  </blockquote>
  
  <p>There is also a single warning:</p>
  
  <blockquote>
    <p>The following classpath entry 'C:\some-path\smartgwt-3.0\smartgwt.jar'
    will not be available on the server's classpath.</p>
  </blockquote>
  
  <hr>
  
  <p>UPDATE 2 - HTML and CSS file</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;!-- The DOCTYPE declaration above will set the     --&gt;
  &lt;!-- browser's rendering engine into                --&gt;
  &lt;!-- "Standards Mode". Replacing this declaration   --&gt;
  &lt;!-- with a "Quirks Mode" doctype is not supported. --&gt;
  
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
  
      &lt;!--                                                               --&gt;
      &lt;!-- Consider inlining CSS to reduce the number of requested files --&gt;
      &lt;!--                                                               --&gt;
      &lt;link type="text/css" rel="stylesheet" href="HelloWorld.css"&gt;
  
      &lt;!--                                           --&gt;
      &lt;!-- Any title is fine                         --&gt;
      &lt;!--                                           --&gt;
      &lt;title&gt;Web Application Starter Project&lt;/title&gt;
  
      &lt;!--                                           --&gt;
      &lt;!-- This script loads your compiled module.   --&gt;
      &lt;!-- If you add any GWT meta tags, they must   --&gt;
      &lt;!-- be added before this line.                --&gt;
      &lt;!--                                           --&gt;
      &lt;script type="text/javascript" language="javascript" src="helloworld/helloworld.nocache.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;!--                                           --&gt;
    &lt;!-- The body can have arbitrary html, or      --&gt;
    &lt;!-- you can leave the body empty if you want  --&gt;
    &lt;!-- to create a completely dynamic UI.        --&gt;
    &lt;!--                                           --&gt;
    &lt;body&gt;
  
      &lt;!-- OPTIONAL: include this if you want history support --&gt;
      &lt;iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"&gt;&lt;/iframe&gt;
  
      &lt;!-- RECOMMENDED if your web app will not function without JavaScript enabled --&gt;
      &lt;noscript&gt;
        &lt;div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"&gt;
          Your web browser must have JavaScript enabled
          in order for this application to display correctly.
        &lt;/div&gt;
      &lt;/noscript&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and the CSS file:</p>
  
  <pre><code>/** Add css rules here for your application. */
  
  
  /** Example rules used by the template application (remove for your app) */
  h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
  }
  
  .sendButton {
    display: block;
    font-size: 16pt;
  }
  
  /** Most GWT widgets already have a style name defined */
  .gwt-DialogBox {
    width: 400px;
  }
  
  .dialogVPanel {
    margin: 5px;
  }
  
  .serverResponseLabelError {
    color: red;
  }
  
  /** Set ids using widget.getElement().setId("idOfElement") */
  #closeButton {
    margin: 15px 6px 6px;
  }
  </code></pre>
  
  <hr>
  
  <p>IMPORTANT UPDATE</p>
  
  <p>I forgot to inform you that I am currently using Google Chrome(18.0.1025.168) for debug / test build. When I ran it on Firefox, it runs OK!</p>
  
  <p>I noticed this <a href="http://forums.smartclient.com/showthread.php?t=8159#aChrome" rel="nofollow">thread</a> a bit late.. So this is currently a known bug.</p>
  
  <p><strong>conclusion: do NOT use google chrome for GWT / smartGWT development mode (for now).</strong></p>
  
  <p>Thank you for your help! :D</p>