TWebResponsiveGridPanel RemoveControl

WEB TMS WEB Core
1

I have a couple of issues with removing controls from a TWebResponsiveGridPanel. Below is my test code: I created a TWebForm, added a TWebButton and a TWebResponsiveGridPanel, then added 3 TWebPanel to the TWebResponsiveGridPanel. Clicking the button is supposed to remove the 2nd panel. Here is the code:

type
  TForm1 = class(TWebForm)
    WebButton1: TWebButton;
    WebResponsiveGridPanel1: TWebResponsiveGridPanel;
    WebPanel1: TWebPanel;
    WebPanel2: TWebPanel;
    WebPanel3: TWebPanel;
    procedure WebButton1Click(Sender: TObject);
  end;

var
  Form1: TForm1;

implementation

{$R *.dfm}

procedure TForm1.WebButton1Click(Sender: TObject);
begin
  WebResponsiveGridPanel1.BeginUpdate;
  WebResponsiveGridPanel1.RemoveControl(WebPanel2);
  WebResponsiveGridPanel1.EndUpdate;
end;

Here is what it looks like:

image
image483×238 1.73 KB

Inspecting the page, I can see that WebResponsiveGridPanel1 is a 2x2 grid, which makes sense with a 2 column layout and 3 controls.
image
image636×429 9.99 KB

Now I press the button and I get this:
image
image635×427 10 KB

Firstly, why is WebPanel2 still visible? What do I have to do to make it disappear entirely. Even freeing the panel doesn't seem to work. (If I assign WebPanel2 to another parent (eg the form itself) then it is removed from the grid, but then it is shown on the form - I want it gone completely.)

Secondly, WebResponsiveGridPanel1 is still a 2x2 grid, even though it no longer uses the 2nd row. However, that row is still taking up space on the page. How can I remove the 2nd row?

I'm using TMS WEB Core 2.9.6.
Thanks!

2

We have investigated this and we have applied an improvement so it will effectively remove all control HTML from the TWebResponsiveGridPanel when calling RemoveControl / RemoveControls
This improvement will be in the next update.

3

FTR, I've upgraded to 2.9.7 and WebPanel2 now disappears when I press the button, but the extra row in the grid remains:

image
image629×415 9.36 KB

4

Should be harmless but taken note and we'll check it when revising the component.

5

Pretty harmless, but it can add extra white space between the panels in the grid and whatever is below the grid on the page. Thanks.