Results 1 to 4 of 4
  1. ufergus's Avatar
    Posts
    49 Posts
    Global Posts
    148 Global Posts
       #1  
    I am trying to use a radio button inside a palm-group but the width of the radio button is too large. It runs right off the right side of the viewable area. Here is my html and my setup code, what am I doing wrong?

    Code:
    <div class="palm-group">
       <div class="palm-group-title">
          <span>Temperature</span>
       </div>
       <div class="palm-list">
          <div class="palm-row single">
             <div class="rb-row" id="rbTemp" name="rbTemp" x-mojo-element="RadioButton"></div>
          </div>
       </div>
    </div>
    Code:
    	this.controller.setupWidget("rbTemp",
    		 {
    			modelProperty : 'value',
    			choices: [
    				{ label : "Below 102.5", value : 1 },
    				{ label : "Above 102.5", value : 2 }
    			] 
    		},
    		this.tempModel = { value : 1 }
    	);

    I have also tried to limit the width with the .css file but that doesn't seem to work either. Any ideas? Thanks!

    rich
  2. #2  
    having the same problem.

    I do know from the "Style Matters" sample that:

    *Default styling for radio buttons do not currently work within palm-groups
  3. #3  
    found!!


    in you .css file write this

    Code:
    .palm-radiobutton {
      min-width: 10px;
    }
    it's a bug in the SDK

    the original code is

    Code:
    palm-radiobutton {
    clear: both;
    margin: 10px 4px 10px 4px;
    height: 50px;
    min-width: 320px;       <---------   which means width can't change
    }
  4. #4  
    This works great. Thanks

Posting Permissions