hide or make visible textblock and textbox by using different options of the Combobox

Javier R 211

Both the Textblock and Texbox must be hidden or visible when you snoth one of the combobox's dire options. both the textblock and texbox must be hidden or visible when you snoth one of the combobox's dire options. example of textblock and texbox to hide and make visible txttanqueel(textbox) and textbLock(txtelectric)

ComboBox x:Name="CbTipocombustibles"  SelectionChanged="CbTipoCombustibles_SelectionChanged"   Width="200"  Margin="0,12,0,0" >
                        <ComboBoxItem IsSelected="true">
                            <TextBlock x:Name="textgasolina" x:Uid="gasolina" FontSize="{StaticResource SmallFontSize}"/>
                        </ComboBoxItem>
                        <ComboBoxItem >
                            <TextBlock x:Name="textdiesel" x:Uid="diesel" FontSize="{StaticResource SmallFontSize}"/>
                        </ComboBoxItem>
                        <ComboBoxItem>
                            <TextBlock x:Name="textlectrico" x:Uid="Electrico" FontSize="{StaticResource SmallFontSize}"/>
                        </ComboBoxItem>
                        <ComboBoxItem>
                            <TextBlock x:Name="textgasoelectrico" x:Uid="gasolina_electrico" FontSize="{StaticResource SmallFontSize}"/>
                        </ComboBoxItem>
                        <ComboBoxItem>
                            <TextBlock x:Name="textdielectrico" x:Uid="diesel_electrico" FontSize="{StaticResource SmallFontSize}"/>
                        </ComboBoxItem>
                    </ComboBox>

xaml

TextBlock x:Name="txtcombustible"   x:Uid="CapacidadCombustible" Margin="0,21,0,0"  Grid.Row="26" Style="{StaticResource TextTextStyle}"/>
                    <TextBox x:Name="txttanquec"  Text=""    Width="120" Margin="-200,23,0,0" FontSize="{StaticResource SmallFontSize}"/>

                    <TextBlock x:Name="txtelectrico"  x:Uid="Capacidadelectrico" Margin="0,25,0,0" Style="{StaticResource TextTextStyle}"  />
                    <TextBox x:Name="txttanqueel"   Text=""    Width="120" Margin="-200,27,0,0" FontSize="{StaticResource SmallFontSize}"  />

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-08-23T02:58:55.63+00:00

Could you please tell me what is the excepted behavior that you want to implement? Control the text visibility of the Textbox inside the Combobox?
Javier R 211 Reputation points

2021-08-23T17:08:10.57+00:00

the idea is when you choose an option from the Combobox you hide the textbox and its corresponding TextBlock or you choose another option to make that TextBlock and TexBox visible. Example as the option of the Gasoline Combobox should hide the electric car Texbox and its textBlock.
Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-08-24T02:10:00.55+00:00

Your requirement makes me confused. Where is the electric car Texbox and its textBlock? You just only have some Textlbocks in your code posted. I didn't see any textboxes.
Javier R 211 Reputation points

2021-08-24T11:19:24.863+00:00

in the previous post where it has seemed the code I have also put the part of the TextBlock and TextBoxes to hide or make visible when I choose one of the options that has combobox
Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-08-25T06:29:27.443+00:00

If I understand you correctly, when the combobox item is changed, you want to show or hide txtcombustible and txttanquec or controls, is that right? What you have
tried already to implement this behavior?
Javier R 211 Reputation points

2021-08-25T07:51:10.31+00:00

exactly this is the idea of hiding or making visible the corresponding TextBox and TextBlock by choosing an option from the comboBox. the problem I have been implentar gives me fault .
Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-08-26T06:07:43.733+00:00

Could you please tell me what you have tried to achieve this feature? Are you use data-binding? The easiest way is to change the Visibility of the target control in the ComboBox selected changed event.
Javier R 211 Reputation points

2021-08-26T10:56:11.9+00:00

I am using the selection_Changed to hide or make visible with if and else if
Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-08-27T06:14:51.26+00:00

Could you please tell me what's the problem you got? Please share the information about the behavior you are getting when you are using the selection_Changed event to achieve your goal.

Javier R 211

the problem is that when I choose Gasoline in the Combobox it does not hide the TextBox and the textblock

 private void CbTipoCombustibles_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            ComboBox CbTipocombustibles = (ComboBox)sender;

            if (CbTipocombustibles.Name == "textgasolina")
            {
                txttanqueel.Visibility = Visibility.Collapsed;
            }


        }

1 answer

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-08-30T07:39:48.84+00:00
Hello,

Welcome to Microsoft Q&A!

Based on the code you provided, here is some basic information you need to know. The CbTipocombustibles.Name is just the name of the ComboBox, it is not the value that users selected. You need to get the value from the TextBlock inside the ComboBoxItem. Then you could check that value to decide if you need to hide the TextBox or TextBlock.

Please try the following code:

ComboBox CbTipocombustibles = (ComboBox)sender; //get selected comboboxitem ComboBoxItem item = (ComboBoxItem)CbTipocombustibles.SelectedItem; //get textblock inside the comboboxitem TextBlock textblock = (TextBlock)item.Content; //get the value which is selected if (textblock.Text == "textgasolina") { txttanqueel.Visibility = Visibility.Collapsed; }

Thank you.

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
Javier R 211 Reputation points

2021-08-30T17:44:50.397+00:00

the code does not work for me in case that since change the SelectionChanged by SelectItem

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-08-31T05:31:41.12+00:00

Where do you put these code? You need to put the code in the SelectionChanged event.

Javier R 211 Reputation points

2021-08-31T11:42:21.247+00:00

private void CbTipoCombustibles_SelectionChanged(object sender, SelectionChangedEventArgs e) { ComboBox CbTipocombustibles = (ComboBox)sender; //get selected comboboxitem ComboBoxItem item = (ComboBoxItem)CbTipocombustibles.SelectedItem; //get textblock inside the comboboxitem TextBlock textblock = (TextBlock)item.Content; //get the value which is selected if (textblock.Text == "textgasolina") { txttanqueel.Visibility = Visibility.Collapsed; } else if(textblock.Text == "textdiesel") { txttanqueel.Visibility = Visibility.Collapsed; } else if(textblock.Text == "textlectrico") { txttanqueel.Visibility = Visibility.Visible; txttanquec.Visibility = Visibility.Collapsed; } }

the problem is when I choose the combobox option that should hide or make visible textbox not hidden or does not make it visible

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-09-01T08:23:19.937+00:00

Could you please be more specific about the behavior you get? For example, tell me what have you done/the steps you have done in the app and what behavior you get and what behavior you are expecting to get.

Javier R 211 Reputation points

2021-09-01T17:10:50.223+00:00

the problem is when the combobox chooses in this case the option Gasoline not that the Textbox Y Textblock is hidden

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-09-03T03:11:09.943+00:00

What do you mean by the Textbox Y Textblock is hidden? Is that a control that you haven't posted in your code?

Javier R 211 Reputation points

2021-09-06T07:59:34.47+00:00

the problem is when I choose in the Combobox for example Gasoline does not hide the Textblock and Textbox

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-09-07T01:59:24.563+00:00

Yes, we've already known your issue is that some TextBlocks are not hiden. But could you please tell me which TextBlock exactly is the issue? You mentioned there is a Textbox Y Textblock, but I can't find it in the code you posted.

Javier R 211 Reputation points

2021-09-09T15:53:09.477+00:00

this is one remains the problem txttanqueel.Text

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-09-10T09:07:36.23+00:00

Well. using your code shows on my side shows that the txttanqueel TextBlock is hidden unless textlectrico is selected. When textgasolina option is selected, the txttanqueel TextBlock should be hidden based on your code logic.

Javier R 211 Reputation points

2021-09-13T08:09:58.037+00:00

exactly the idea is that Textgasolina hides texttanqueel. when I choose the option Gasoline(textgasolina from the comboBox) texttanqueel.text is not hidden. you must this problem cannot be hidden

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-09-14T06:01:17.36+00:00

Well, after testing your code, when I select Textgasolina in the ComboBox, the texttanqueel TextBox is hidden correctly. Your code is doing exactly what you want based on my test result.

Javier R 211 Reputation points

2021-09-16T19:09:14.397+00:00

Thiis code:

private void CbTipoCombustibles_SelectionChanged(object sender, SelectionChangedEventArgs e) { ComboBox CbTipocombustibles = (ComboBox)sender; //get selected comboboxitem ComboBoxItem item = (ComboBoxItem)CbTipocombustibles.SelectedItem; //get textblock inside the comboboxitem TextBlock textblock = (TextBlock)item.Content; //get the value which is selected if (textblock.Text == "textgasolina") { txttanqueel.Visibility = Visibility.Collapsed; } else if (textblock.Text == "textdiesel") { txttanqueel.Visibility = Visibility.Collapsed; } else if (textblock.Text == "textlectrico") { txttanqueel.Visibility = Visibility.Visible; txttanquec.Visibility = Visibility.Collapsed; } }

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-09-17T03:22:14.907+00:00

Yes, this is the same code you already posted. And this is the code that I'm testing, it works correctly on my side.

Javier R 211 Reputation points

2021-09-17T08:07:41.087+00:00

the problem may be in the combobox.`

<ComboBox x:Name="CbTipocombustibles" SelectionChanged="CbTipoCombustibles_SelectionChanged" Width="200" Margin="0,12,0,0" > <ComboBoxItem IsSelected="true"> <TextBlock x:Name="textgasolina" x:Uid="gasolina" FontSize="{StaticResource SmallFontSize}"/> </ComboBoxItem> <ComboBoxItem > <TextBlock x:Name="textdiesel" x:Uid="diesel" FontSize="{StaticResource SmallFontSize}"/> </ComboBoxItem> <ComboBoxItem> <TextBlock x:Name="textlectrico" x:Uid="Electrico" FontSize="{StaticResource SmallFontSize}"/> </ComboBoxItem> <ComboBoxItem> <TextBlock x:Name="textgasoelectrico" x:Uid="gasolina_electrico" FontSize="{StaticResource SmallFontSize}"/> </ComboBoxItem> <ComboBoxItem> <TextBlock x:Name="textdielectrico" x:Uid="diesel_electrico" FontSize="{StaticResource SmallFontSize}"/> </ComboBoxItem> </ComboBox>

Roy Li - MSFT 31,826 Reputation points Microsoft Vendor

2021-09-20T06:33:23.3+00:00

For your scenario, I'd suggest you open a support ticket for this. Please contact our paid phone support at MS Support. You will get 1:1 support on that. Please kindly note that your support ticket will be free if it is Microsoft's issue.
Sign in to comment