| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- /**
- * FieldSet.js
- *
- * Copyright, Moxiecode Systems AB
- * Released under LGPL License.
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- /**
- * This class creates fieldset containers.
- *
- * @-x-less FieldSet.less
- * @class tinymce.ui.FieldSet
- * @extends tinymce.ui.Form
- */
- define("tinymce/ui/FieldSet", [
- "tinymce/ui/Form"
- ], function(Form) {
- "use strict";
- return Form.extend({
- Defaults: {
- containerCls: 'fieldset',
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- flex: 1,
- padding: "25 15 5 15",
- labelGap: 30,
- spacing: 10,
- border: 1
- },
- /**
- * Renders the control as a HTML string.
- *
- * @method renderHtml
- * @return {String} HTML representing the control.
- */
- renderHtml: function() {
- var self = this, layout = self._layout, prefix = self.classPrefix;
- self.preRender();
- layout.preRender(self);
- return (
- '<fieldset id="' + self._id + '" class="' + self.classes() + '" hidefocus="1" tabindex="-1">' +
- (self.settings.title ? ('<legend id="' + self._id + '-title" class="' + prefix + 'fieldset-title">' +
- self.settings.title + '</legend>') : '') +
- '<div id="' + self._id + '-body" class="' + self.classes('body') + '">' +
- (self.settings.html || '') + layout.renderHtml(self) +
- '</div>' +
- '</fieldset>'
- );
- }
- });
- });
|