Results 1 to 2 of 2

Thread: CheckboxGroup cutting off long boxLabels

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1

    Default CheckboxGroup cutting off long boxLabels

    When I display a CheckboxGroup in a menu, my long boxLabels get cutoff. I don't know what labels will be passed ahead of time so I can't just specify a static width. How can I keep my boxLabels from being cutoff?

    See the example code below. It's also available as a jsfiddle.

      <title>Ext JS Checkbox Group Example</title>
      <link rel="stylesheet" type="text/css" href="">
      <script type='text/javascript' src=""></script>
      <script type='text/javascript' src=""></script>
      <script type='text/javascript'>//<![CDATA[ 
              var checkboxGroup = new Ext.form.CheckboxGroup({
                  columns: 2,
                  items: [
                      {boxLabel: 'Transaction Date', name: 'cb-horiz-1'},
                      {boxLabel: 'Item foo', name: 'cb-horiz-2', checked: true},
                      {boxLabel: 'Transaction Amount', name: 'cb-horiz-3'},
                      {boxLabel: 'Item bar', name: 'cb-horiz-4'},
                      {boxLabel: 'Retailer Site Start Date', name: 'cb-horiz-5'}
              var button = new Ext.Button({
                  text: 'Display...',
                  menu: new{
                      plain: true,
                      items: [
              var panel = new Ext.Panel({
                  title: 'Checkbox Group Example',
                  frame: true,
                  items: [
      <div id='viewport'></div>

  2. #2
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Boise, ID


    Thanks for the report! I have opened a bug in our bug tracker.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts