The width of the UniContainerPanel over the entire width of the UniDBGrid basement

[artem_niko]

Hello!

How make UniContainerPanel, using property UniDBGrid.PageBarAuxControl, like a footer width in UniDBGrid?

Now it turns out that the width of the UniContainerPanel is manually set, and I need it to stretch over the entire width of the UniDBGrid basement.

[Sherzod]

Hello,

Are you hiding some elements/icons in the paging bar?

[artem_niko]

1 minute ago, Sherzod said:

Hello,

Are you hiding some elements/icons in the paging bar?

Only this:

[Sherzod]

Okay.

[Sherzod]

Can you try this approach?

function pagingBar.afterrender(sender, eOpts)
{
    sender.down("#refresh").hide();
    Ext.defer(function(){
        sender.getRefItems()[sender.getRefItems().length-1].setFlex(1);
        sender.getRefItems()[sender.getRefItems().length-2].destroy();
    }, 100);
}

 

[artem_niko]

4 minutes ago, Sherzod said:

Can you try this approach?

function pagingBar.afterrender(sender, eOpts)
{
    sender.down("#refresh").hide();
    Ext.defer(function(){
        sender.getRefItems()[sender.getRefItems().length-1].setFlex(1);
        sender.getRefItems()[sender.getRefItems().length-2].destroy();
    }, 100);
}

 

This make set UniContainerPanel to left:

But, free space exist to the right of the panel...

[Sherzod]

1 minute ago, artem_niko said:

But, free space exist to the right of the panel...

Make a simple testcase if possible, I will check.

[artem_niko]

2 minutes ago, Sherzod said:

Make a simple testcase if possible, I will check.

But no, you did everything right, the panel stretches across the width of the basement, as it should. Added yellow color to check it, everything is ok.
But, I don't understand why I have buttons whose alignment is set to the right edge, are not located to the right on my yellow panel + UniEdit, despite the fact that it has Align=alClient, it does not stretch to the full width of the yellow panel...

[artem_niko]

9 hours ago, artem_niko said:

But no, you did everything right, the panel stretches across the width of the basement, as it should. Added yellow color to check it, everything is ok.
But, I don't understand why I have buttons whose alignment is set to the right edge, are not located to the right on my yellow panel + UniEdit, despite the fact that it has Align=alClient, it does not stretch to the full width of the yellow panel...

Why is UniEdit stretching not working? Does the code of stretching the panel in the basement of the grid affect it?

If I'm writing like this (replace 100 on 0):

function pagingBar.afterrender(sender, eOpts)
{
    sender.down("#refresh").hide();
    Ext.defer(function(){
        sender.getRefItems()[sender.getRefItems().length-1].setFlex(1);
        sender.getRefItems()[sender.getRefItems().length-2].destroy();
    }, 0);    
}

then:

If I'm writing like this:

function pagingBar.afterrender(sender, eOpts)
{
    sender.down("#refresh").hide();
    Ext.defer(function(){
        sender.getRefItems()[sender.getRefItems().length-1].setFlex(1);
        sender.getRefItems()[sender.getRefItems().length-2].destroy();
    }, 10);    
}

then it turns out what is needed, but the alignment goes to the left edge turns out. The buttons are equal on the right side, and the text field should take up the rest of the space.

[artem_niko]

24 minutes ago, artem_niko said:

Why is UniEdit stretching not working? Does the code of stretching the panel in the basement of the grid affect it?

If I'm writing like this (replace 100 on 0):

function pagingBar.afterrender(sender, eOpts)
{
    sender.down("#refresh").hide();
    Ext.defer(function(){
        sender.getRefItems()[sender.getRefItems().length-1].setFlex(1);
        sender.getRefItems()[sender.getRefItems().length-2].destroy();
    }, 0);    
}

then:

If I'm writing like this:

function pagingBar.afterrender(sender, eOpts)
{
    sender.down("#refresh").hide();
    Ext.defer(function(){
        sender.getRefItems()[sender.getRefItems().length-1].setFlex(1);
        sender.getRefItems()[sender.getRefItems().length-2].destroy();
    }, 10);    
}

then it turns out what is needed, but the alignment goes to the left edge turns out. The buttons are equal on the right side, and the text field should take up the rest of the space.

Okay, without getting an answer, I found such a solution in the properties of the text field. I will use it for now.