Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Wrong width of TextItem in disabled form in toolstrip

    Hi there
    i have stepped over a bug in using textitem with type date in a DynamicForm in a ToolStrip.

    If you initialize the form with disabled: true, the widths of the DateItems are wrong calculated. With "disabled: false" this doesn't occur.
    disabled:

    enabled:


    Code:
    isc.ToolStrip.create({
    	"width" : "100%",
    	"members" :
    	[
    		isc.DynamicForm.create({
    			"disabled" : true,
    			"numCols" : 4,
    			"width" : 30,
    			"readOnlyDisplay" : "static",
    			"fields" :
    			[{
    					"title" : "xxx",
    					"type" : "date",
    					"width" : 80,
    					"textAlign" : "left",
    					"readOnlyDisplay" : "static",
    					"useTextField" : true,
    					"showChooserWeekPicker" : true
    				}, {
    					"title" : "yyy",
    					"type" : "date",
    					"width" : 80,
    					"textAlign" : "left",
    					"readOnlyDisplay" : "static",
    					"useTextField" : true,
    					"showChooserWeekPicker" : true
    				}
    			],
    			"values" : {}
    		})
    	]
    })
    we are using the latest nightly SmartClient Pro Edition (2015-02-03 nightly), happens in all browsers.

    Best regards

    #2
    We'll take a deeper look at the difference between disabled and enabled title-sizing, but in the meantime, you can address the issue by just applying a small titleWidth to the form as a whole - so, titleWidth: 10, for example, would do it.

    Comment


      #3
      Any news on this?
      The "titleWidth:" doesnt seem to work on firefox.

      I have testet it with the latest nightly (SmartClient_v100p_2015-02-06_Pro)

      firefox (with disabled form):

      firefox (with enabled form):

      chrome:


      Code:
      isc.ToolStrip.create({
      	"width" : "100%",	
      	"members" :
      	[isc.Button.create({
      			"disabled" : true,
      			"title" : "first"
      		}),
      		isc.Button.create({
      			"disabled" : true,
      			"title" : "second",
      		}),
      		isc.MenuButton.create({
      			"width" : 200,
      			"disabled" : true,
      			"title" : "test",
      			menu : isc.Menu.create({
      				"data" :
      				[{
      						"title" : "test2"
      					}
      				]
      			})
      		}),
      		isc.DynamicForm.create({
      			"width" : 80,
      			"disabled" : true,
      			"titleWidth" : 10,
      			"fields" :
      			[{
      
      					"title" : "thedateItem",
      					"type" : "date",
      					"width" : "80",
      					"textAlign" : "left",
      					"readOnlyDisplay" : "static",
      					"useTextField" : true,
      					"showChooserWeekPicker" : true
      				}
      			]
      		}),
      		isc.MenuButton.create({
      			"width" : 200,
      			"disabled" : true,
      			"title" : "test",
      			menu : isc.Menu.create({
      				"data" :
      				[{
      						"title" : "test2"
      					}
      				]
      			})
      		})
      	]
      })
      Last edited by SimonF; 6 Feb 2015, 04:18. Reason: vesion added

      Comment


        #4
        That's useful feedback - we'll take a look and update here shortly.

        Comment


          #5
          This has been fixed in 10.0/10.1, in builds dated February 9 and later.

          Comment


            #6
            thanks,
            fix confirmed

            Comment

            Working...
            X