Commit e6bcd8d2 authored by Carsten  Rose's avatar Carsten Rose
Browse files

Add new class 'qfq-table-100' - 100% width, with auto width per column....

Add new class 'qfq-table-100' - 100% width, with auto width per column. FE.subrecord changed to  'qfq-table-100'. Add new class qfq-full-width-left: especially for buttons to become full width.
parent fd88cfcb
......@@ -3092,7 +3092,7 @@ will be rendered inside the form as a HTML table.
* *Constant '&'*: Indicate a 'constant' value. E.g. `&12:xId` or `{{...}}` (all possibilities, incl. further SELECT
statements) might be used.
* *subrecordTableClass*: Optional. Default: 'table table-hover qfq-table-80'. If given, the default will be overwritten.
* *subrecordTableClass*: Optional. Default: 'table table-hover qfq-table-100'. If given, the default will be overwritten.
Type: time
^^^^^^^^^^
......@@ -5933,7 +5933,7 @@ render the form with name formname and load the record with id id for editing.
QFQ CSS Classes
---------------
* `qfq-table-50`, `qfq-table-80` - release the default width of 100% and specify minwidth=50% resp. 80%.
* `qfq-table-50`, `qfq-table-80`, `qfq-table-100` - set min-width and column width to 'auto'
* Background Color: `qfq-color-grey-1`, `qfq-color-grey-2` (table, row, cell)
* Table: `table`
......@@ -5945,6 +5945,10 @@ E.g.::
10.sql = SELECT id, name, firstName, ...
10.head = <table class='table table-condensed qfq-table-50'>
* `qfq-full-width-left` - makes e.g. a button full width and aligns the text left. ::
10.sql = SELECT "p:home&r=0|t:Home|c:qfq-full-width-left" AS _pagev
Examples
--------
......
......@@ -2460,7 +2460,8 @@ abstract class AbstractBuildForm {
}
$s = $this->createDeleteUrl($formElement[F_FINAL_DELETE_FORM], $row[$nameColumnId], RETURN_SIP);
$rowHtml .= Support::wrapTag('<td>', Support::wrapTag("<button type='button' class='record-delete btn btn-default' data-sip='$s' " . Support::doAttribute('title', $toolTip) . ">", '<span class="glyphicon ' . GLYPH_ICON_DELETE . '"></span>'));
$rowHtml .= Support::wrapTag('<td>', Support::wrapTag("<button type='button' class='record-delete btn btn-default' data-sip='$s' " .
Support::doAttribute('title', $toolTip) . ">", '<span class="glyphicon ' . GLYPH_ICON_DELETE . '"></span>'));
}
......
......@@ -711,7 +711,7 @@ const SUBRECORD_COLUMN_ROW_CLASS = '_rowClass';
const SUBRECORD_COLUMN_ROW_TITLE = '_rowTitle';
const SUBRECORD_COLUMN_ROW_TOOLTIP = '_rowTooltip';
const SUBRECORD_TABLE_CLASS_DEFAULT = 'table table-hover qfq-table-80';
const SUBRECORD_TABLE_CLASS_DEFAULT = 'table table-hover qfq-table-100';
const GLYPH_ICON = 'glyphicon';
const GLYPH_ICON_EDIT = 'glyphicon-pencil';
......
......@@ -105,6 +105,11 @@ i.@{spinner_class} {
width: auto;
}
.qfq-table-100 {
min-width: 100%;
width: auto;
}
.qfq-form-pill {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
......@@ -337,3 +342,9 @@ i.@{spinner_class} {
a.noclick {
pointer-events: none;
}
// Buttons width full width and text left aligned
.qfq-full-width-left {
width: 100%;
text-align: left;
}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment