Problem with UniDBGrid's HeadTitle and vertical-align

[zhyhero]

I add an UniCombobox to UniDBgrid's HeadTitle area,

   self.UniDBGrid_Sample.JSInterface.JSCall('header.insert', [1, self.UniComboBox1.JSControl]);

but height of headertitle area become more bigger,

so i reset the height of headertitle area to default,

   self.UniDBGrid_Sample.JSInterface.JSCall('header.setHeight', [HeaderHeight]);

now , the position of  titletext and unicombobox become strange, how to fix this?

source code 20230120_UniDBGrid_Combobox.zip

[Sherzod]

Hello @zhyhero

Try also this approach:

procedure TMainForm.UniButton2Click(Sender: TObject);
begin
  JSInterface.JSCall('header.insert', [1, UniComboBox1.JSControl], UniDBGrid_Sample.JSControl);
  JSInterface.JSCall('setHeight', ['100%'], UniComboBox1.JSControl);
  JSInterface.JSCall('setStyle', [JSInterface.JSObject(['top', '-2px'])], UniComboBox1.JSControl);
end;

 

[zhyhero]

Thank you.

But still have problem when in a frame .

 

source code : 20230121_UniDBGrid_Combobox_Frame.zip

[Sherzod]

I will try to check. 

[zhyhero]

Temporary : 

procedure TUniFrame1.UniDBGrid1AfterLoad(Sender: TUniCustomDBGrid);
begin
     ....JSInterface.JSCall('setStyle', [JSInterface.JSObject(['top', '-2px'])], UniComboBox1.JSControl);
end;

[Sherzod]

16 minutes ago, zhyhero said:

Temporary : 

procedure TUniFrame1.UniDBGrid1AfterLoad(Sender: TUniCustomDBGrid);
begin
     ....JSInterface.JSCall('setStyle', [JSInterface.JSObject(['top', '-2px'])], UniComboBox1.JSControl);
end;

I'm sorry, I forgot...