ActionStyle="Next" Not working!

How-to Discussions
1

fuse 1.3.0 14520 - MacOs 10.12.6

I create a custom TextInput that the ActionStyle="Next" don’t work when I have something written in my Input. In this example if the input is empty and then I press next it works fine but if I have anything on the Input it don’t pass to the next Input.

Here is a reproduction:

<App>
            <TextInput ActionStyle="Next" ux:Class="MyInput" TextColor="#000" Margin="0,20" CaretColor="#000" ux:Name="_textInputCore" Focus.IsFocusable="true">
	    <WhilePressed>
	      <GiveFocus Target="_textInputCore" />
	    </WhilePressed>

	    <WhileFocused>
	        <Change Target="textInputRectangle.Width" Value="100%" Duration="0.5" Easing="ExponentialInOut" />
	    </WhileFocused>

	    <Rectangle Height="2." Width="0%" ux:Name="textInputRectangle" Alignment="BottomLeft" Margin="0,0,0,0" >
	        <SolidColor Color="#E21F1D" />
	    </Rectangle>

	    <Rectangle Height="2." Width="100%" Alignment="BottomLeft" >
	        <SolidColor Color="#aaa" />
	    </Rectangle>
	</TextInput>

	<StackPanel>
		<MyInput>
			<Text FontSize="14" Value="Your Text Here" Alignment="BottomLeft" Margin="0,0,0,5" ux:Name="MyPlaceHolder" TextColor="#666" />

			<WhileContainsText>
		        <Move Y="-1" Target="MyPlaceHolder" RelativeTo="Size" Duration="0.5" Easing="ExponentialInOut" />
		    </WhileContainsText>
		</MyInput>

		<MyInput>
			<Text FontSize="14" Value="Your Text Here" Alignment="BottomLeft" Margin="0,0,0,5" ux:Name="MyPlaceHolder2" TextColor="#666" />

			<WhileContainsText>
		        <Move Y="-1" Target="MyPlaceHolder2" RelativeTo="Size" Duration="0.5" Easing="ExponentialInOut" />
		    </WhileContainsText>
		</MyInput>
	</StackPanel>
</App>
2

ActionStyle only changes what the “action” button (enter key) on the on-screen keyboard should look like. It does not have any effect on what happens when the action button is pressed.

Delegating focus correctly is your responsibility, and you can do that with the help of TextInputActionTriggered, like so:

<MyInput>
    <TextInputActionTriggered>
        <GiveFocus Target="nextInput" />
    </TextInputActionTriggered>
</MyInput>
<MyInput ux:Name="nextInput" />
3

Thanks! Work perfect