Switch between visual and YAML views in the Workflow Editor

bitrise-workflow-editor-yaml switcher


What’s new

You can now toggle between Visual and YAML views directly from the Workflow Editor header.

  • Added a Visual / YAML segmented control to the Workflow Editor header
  • Removed the Configuration YAML tab from the editor navigation

:puzzle_piece: What problem we’re solving

  1. Earlier it “Configuration YAML” was a left-hand nav item, which was confusing especially because all other left hand navigation were changing the canvas of the visual editor. Whereas clicking on the “Configuration YAML” would replace the canvas and show you the YAML editor. This behaviour wasn’t consistent and caused some confusion.

  2. Furthermore, switching to the YAML view also kept the left nav visible, eating into your editor space for no reason. Now it’s gone when you don’t need it.

:white_check_mark: The solution

The new Visual / YAML control sits at the top of the editor, so you can flip between the drag-and-drop interface and the raw YAML without leaving the page. As part of this change, the separate Configuration YAML tab has been removed from the navigation.

Whether you prefer clicking through steps visually or editing YAML directly, both views are a single click away.

#everyday-i-m-yaml-ing

Hey there, in the previous version of this page there was a setting to source the YAML from your project repo - this seems to be gone and is breaking our workflows - they are randomly no longer able to be started manually - the list of workflows does not populate half the time.

Has this setting moved somewhere else? Trying to edit the YAML online does still imply that it is managed by our repo: image attached

hello @andrei.tichenkov !

We have updated the UI slightly but you can find these options right here.

Are you able to find that or do you have this component missing? In case yes, could you please send us a screenshot about the same are as my screenshot?

Ahh okay thank you so much, did not see it at first but it is indeed there! I think it is hard to discover as the grey color of that dropdown implies a disabled UI control to me.

Cheers and thank you!