how to position textbox when shown

cleo

16y5.7k

Hi,

if i have several textboxes in a groupbox that are shown depending on some togglebuttons, how can i display the shown textboxes in sequence?
for example if textbox nr 1 is not shown when a togglebutton is pressed the textbox nr 2 should take the place of textbox nr 1 and nr 3 the place of nr 2 and so on. So it won't be empty space between the boxes.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Martin Cook16y ago
Hi Cleo,

You might also benefit from looking up Element Binding and Value Converters.

All the best,
Martin
Nilanka Dharmadasa16y ago
Hi Cleo,

Use 'Visibility.Collapsed' instead of 'Visibility.Hidden'.

That property does not display the element, and does not reserve space for it in layout.

If my answer helps, please do not forget to tick 'Do you like this answer' checkbox.
Sam Hobbs16y ago
Can you please read what I wrote and explain what part that you don't understand or whatever? I really think that you need to adjust the top property and I don't see that being done. I really think you need to understand what I am saying about the top property.

The buttons are checkboxes, correct? Is it possible for only button 3 to be checked? If so, then your code won't work; you need something more generalized. If however the only way for button 3 to be checked is if the other two buttons are also checked, then I think there are more requirements that are not specified here. In other words, perhaps you did not explain some stuff that is important.
cleo16y ago
This is a sample xaml









                    l1

                    l2
                    l3




and code behind

private void button1_Checked(object sender, RoutedEventArgs e)
        {

            textbox1.Visibility = Visibility.Hidden;
            textbox2.Visibility = Visibility.Visible;
            textbox3.Visibility = Visibility.Hidden;
           label1.Visibility = Visibility.Hidden;
            label2.Visibility = Visibility.Visible;
            label3.Visibility = Visibility.Hidden;
}
private void button2_Checked(object sender, RoutedEventArgs e)
        {
            textbox1.Visibility = Visibility.Visible;
            textbox2.Visibility = Visibility.Hidden;
            textbox3.Visibility = Visibility.visible;
            label1.Visibility = Visibility.Visible;
            label2.Visibility = Visibility.Hidden;
            label3.Visibility = Visibility.Visible;
        }

private void button3_Checked(object sender, RoutedEventArgs e)
        {
            textbox1.Visibility = Visibility.Visible;
            textbox2.Visibility = Visibility.Visible;
            textbox3.Visibility = Visibility.Visible;
            label1.Visibility = Visibility.Visible;
            label2.Visibility = Visibility.Visible;
            label3.Visibility = Visibility.Visible;
        }

When one of the previous textbox or label is hidden the next visible one should replace it.
I hope this code will help to understand what I mean
Sam Hobbs16y ago
Simply set each TextBox control's top property as needed. For example if the top of the first control is at 200, then put the next one at 220 and the next one at 240, or something such as that. I suggest that you make the unused TextBoxes hidden and disabled; set the Visible and Enabled properties to false to do that. For the TextBoxes that are being used, set the Visible and Enabled properties to true.