Issues #275, #363 - individual Timeline items editable or readonly
Timeline will check for the property 'editable' on individual items.
if editable === true
ignore timeline option 'editable'
allow item to be edited
else if editable === false
ignore timeline option 'editable'
do not allow item to be edited
else
use timeline option 'editable'
If two items are selected and one is not editable, only the editable
item is draggable.
This change required the css class .vis-editable be moved from the
item set to the individual item containers to maintain proper styling.
<code>editable</code> (optional), and <code>style</code> (optional).
</p>
</p>
<p>
<p>
@ -325,6 +325,11 @@ var items = [
Types 'box' and 'point' need a start date, the types 'range' and 'background' needs both a start and end date.
Types 'box' and 'point' need a start date, the types 'range' and 'background' needs both a start and end date.
</td>
</td>
</tr>
</tr>
<tr>
<td>editable</td>
<td>Boolean</td>
<td>no</td>
<td>Override the editable option of the timeline for a specific item.</td>
</table>
</table>
<h3id="groups">Groups</h3>
<h3id="groups">Groups</h3>
@ -1323,6 +1328,16 @@ var options = {
}
}
};</pre>
};</pre>
<p>
Editing can be enabled/disabled for specific items. Setting the property <code>editable</code> to <code>true</code> or <code>false</code> on a data item will override the timeline option.