Opened 12 years ago

Closed 5 years ago

#4513 closed defect (wontfix)

honor style="..." tags to widgets

Reported by: bill Owned by:
Priority: low Milestone: future
Component: Dijit Version: 0.9
Keywords: 4alex Cc: Douglas Hays
Blocked By: Blocking:

Description (last modified by bill)

Partly covered by #4444 but maybe there needs to be a general mechanism (like attributeMap) to take the attributes specified in a style="..." tag to a widget, like:

<input dojoType="..." style="border: black 3px; padding: 4px; color: red;">

and distribute them appropriately across the widget's dom nodes.

This is what users expect because that syntax works with native controls.

OTOH even if we get that to work, this *won't* work:

<style>
  #foo {
     border: solid black 3px;
     padding: 3px;
     color: red;
 }
</style>
<input id="foo" dojotype="...">

so maybe it's a slippery slope we don't want to go down? Not sure.

Change History (7)

comment:1 Changed 12 years ago by bill

(In [10663]) 1. Move validation icon to appear inside the box (for TextBox?, ValidationTextBox?, ComboBox?, and Spinner template based widgets).

  1. Width setting applies to outer node: setting combobox to width=100px leaves 16px

for the arrow icon and 84px for the input node (unless the error icon is shown, in which case the input gets less space). Size property desupported.

This is still rough; it needs some more CSS cleanup and haven't even looked at soria yet... but the basics are there.

Fixes #4444, #4512, #4489 Refs #4475, #4513

comment:2 Changed 12 years ago by alex

Milestone: 2.01.3

Milestone 2.0 deleted

comment:3 Changed 11 years ago by bill

Description: modified (diff)
Milestone: 1.3future

comment:4 Changed 9 years ago by bill

See also #11242.

comment:5 Changed 7 years ago by bill

Priority: highlow

comment:6 Changed 7 years ago by bill

Cc: Douglas Hays added

Doug is a big fan of this concept, and IIRC the form widgets mostly do handle style settings by mapping the specified style to two separate nodes but then using !important rules so only the relevant sections get applied to each node.

Still, not sure what I want to do for 2.0.

comment:7 Changed 5 years ago by bill

Resolution: wontfix
Status: newclosed

In https://github.com/ibm-js/deliteful all sizing is done by the browser, so this isn't really an issue anymore.

Note: See TracTickets for help on using tickets.