newsanti

How to use HTML with TunimMemo? because TunimHTMLMemo not found.

if oPanelX is TUniCustomContainerPanel then begin var oPanel:= TUniCustomContainerPanel(oPanelX); if Assigned(oPanel) then begin var oJS:= oPanel.JSInterface; oJS.JSAddListener('painted', oJS.JSFunction('sender', 'sender.bodyElement.setStyle(''background'', ''url('+S+')'')')); oJS.JSAddListener('painted', oJS.JSFunction('sender', 'sender.bodyElement.setStyle(''background-repeat'', ''no-repeat'')')); oJS.JSAddListener('painted', oJS.JSFunction('sender', 'sender.bodyElement.setStyle(''background-size'', ''100% 100%'')')); end; end; I try setting in one command.

'sender.bodyElement.setStyle(''background'', ''url(/files/mainlogo2.jpg) no-repeat 100% 100%'')')); Can do like this?

how to set cover of image with setstyle? var oPanel:= UnimContainerPanel1; // TuniLayoutConfig(oPanel.LayoutConfig).Cls:= 'mainbackground'; var oJS:= oPanel.JSInterface; oJS.JSAddListener('painted', oJS.JSFunction('sender', 'sender.bodyElement.setStyle(''background'', ''url(/files/mainlogo2.jpg)'')')); oJS.JSAddListener('painted', oJS.JSFunction('sender', 'sender.bodyElement.setStyle(''background-size'', ''cover'')')); Can coding in single command?

procedure TMainmForm.UnimFormCreate(Sender: TObject); begin var oPanel:= UnimContainerPanel1; // TuniLayoutConfig(oPanel.LayoutConfig).Cls:= 'mainbackground'; // work OK. var oJS:= oPanel.JSInterface; oJS.JSAddListener('afterrender', oJS.JSFunction('sender', 'document.body.style.background=''url("/files/mainlogo2.jpg");repeat scroll 0% 0%''')); //Mainlogo2.jpg not shown. end; FormBackground.zip

How to change filename (jpg) at run-time?

code-1 code-2 ... code-10 this is correct order.

customGrid3 .x-grid-td .x-grid-cell-inner { line-height: normal; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; } .customGrid1 .x-column-header{ line-height: normal; vertical-align: middle; } if combine above (customCSSGrid1&customCSSGrid3) customCSSGrid3 display incorrect. customCSSGrid4 .x-grid-cell-row-numberer { font-weight: bold; font-size: 14px; font-family: cursive, "Times New Roman", Times, serif; } Need other customCSSGrid4 to customize grid row number.

.customGrid1 .x-column-header{ line-height: normal; vertical-align: middle; } .customGrid2 .x-title-text{ line-height: normal; vertical-align: middle; } .customGrid3 .x-grid-td .x-grid-cell-inner { line-height: normal; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; } .customGrid4 .x-grid-cell-row-numberer { font-weight: bold; font-size: 14px; font-family: cursive, "Times New Roman", Times, serif; } Is possible to combine multiple css with LayoutConfig.Cls Example: dbGrid.LayoutConfig.cls := 'customGrid1;customGrid2; customGrid3;customGrid4';

setting multiple css with cls of layloutconfig.

Can setting cls = 'customGrid1;customGrid2; customGrid3'?

oList.Add('.customGridHeader .x-column-header{'); oList.Add(' line-height: normal;'); oList.Add(' vertical-align: middle;'); oList.Add('}'); oList.Add('.customGridTitle .x-title-text{'); oList.Add(' line-height: normal;'); oList.Add(' vertical-align: middle;'); oList.Add('}'); oList.Add('.customGridBody .x-grid-td .x-grid-cell-inner {'); oList.Add(' line-height: normal;'); oList.Add(' vertical-align: middle;'); oList.Add(' text-overflow: ellipsis;'); oList.Add(' overflow: hidden;'); oList.Add('}'); How to combine .x-grid-cell-row-number css with above css, or coding js at runtime with dbgrid jsInterface?

for writing special components.

for example change css with coding runtime through unigui component.

How to change above css with dbgrid.jsInterface?

function headerclick(ct, column, e, t, eOpts) { var timeNow = (new Date()).getTime(); if (this.lastClicked) { if (timeNow > (this.lastClicked + 500)) { } else { ajaxRequest(this, "columndblclick", ["columntext=" + column.text, "columnindx=" + column.dataIndex]); } } this.lastClicked = timeNow; } This script cause dbgrid do not fire grid.edit. Grid-Edit2.mp4

Not Resolve! Dbgrid dont't fire ajaxRequest "edit" to server. if i change dbgrid to edit mode on server. How to force dbgrid to fire ajaxRequest "edit"

-Grid.DataSet is Memory Table. -After end editing of column editor then change dataset to edit mode. -read data and save to master database with entity object. -write data from entity object to dataset then dataset.post. Oh..Sorry , I founded bug in my component. cause: repeat write grid header at run-time with client operation mode.

Grid-Edit.mp4

How to write code only columns[0] autosize?

.x-grid-cell-inner { text-overflow: ellipsis !important; } I try above method but not work. and try to combine with this css in servermodule .customGridHeader .x-column-header { line-height: normal; vertical-align: middle; } .customGridBody .x-grid-td .x-grid-cell-inner{ line-height: normal; vertical-align: middle; text-overflow: ellipsis; }