Hi Doug,
The problem you're having is caused by sort orders. I believe earlier when I explained how the ordering needed to work I said it backwards to what I meant, sorry about any confusion! Here is an accurate description: When you have a field which uses another field's token in it's value (return bool or pre/post token strings included), the field which uses the token in it's value must have a lower sortOrder than the field which is identified with the token.
In the code below, I have fixed the sort orders and also wrapped your $image$ with an img tag via pre/post, and as a bonus I included some CSS to make the visual order in which your inputs appear the same as what you had originally even though they're rendered in a different order for SuperFlexi's sake. You can put your sortOrder values to whatever they need to be in order to be processed correctly, but still control the order that the inputs display in by changing the "order-#" class in the editPageControlWrapperCssClass value.
<Field
name="title"
label="Title"
controlType="TextBox"
required="false"
requiredMessageFormat="Title is required."
token="$title$"
isSearchable="true"
editPageControlWrapperCssClass="settingrow order-1"
editPageLabelCssClass="settinglabel"
editPageControlCssClass="forminput"
sortOrder="120"
/>
<Field
name="target"
label="Target Attribute Code (_blank)"
controlType="TextBox"
required="false"
requiredMessageFormat="Title is required."
token="$target$"
isSearchable="true"
editPageControlWrapperCssClass="settingrow order-2"
editPageLabelCssClass="settinglabel"
editPageControlCssClass="forminput"
sortOrder="130"
/>
<Field
name="makeitalink"
label="Make My Textbox A Link?"
controlType="CheckBox"
token="$makeitalink$"
sortOrder="100"
checkBoxReturnBool="false"
checkBoxReturnValueWhenTrue="$url-token$"
checkBoxReturnValueWhenFalse="$image$"
editPageControlWrapperCssClass="settingrow order-3"
/>
<Field
name="image"
label="Slide Image"
controlType="ImagePicker"
required="false"
requiredMessageFormat="Slide Image is required for each box."
token="$image$"
editPageControlWrapperCssClass="settingrow order-4"
editPageLabelCssClass="settinglabel"
editPageControlCssClass="form-control"
sortOrder="140"
>
<PreTokenString>
<![CDATA[<img src="]]>
</PreTokenString>
<PostTokenString>
<![CDATA[" />]]>
</PostTokenString>
</Field>
<Field
name="mylinkbox"
label="My URL"
controlType="LinkPicker"
token="$url-token$"
sortOrder="110"
editPageControlWrapperCssClass="settingrow order-5"
>
<PreTokenString>
<![CDATA[<a href="]]>
</PreTokenString>
<PostTokenString>
<![CDATA[" title="$title$" alt="$title$" target="_blank">$image$</a>]]>
</PostTokenString>
</Field>
<Styles>
<Style>
<![CDATA[
div[id$="_customControls"] {
display: flex;
flex-flow: row wrap;
}
.settingrow {
flex: 0 1 100%;
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-4 {
order: 4
}
.order-5 {
order: 5
}
]]>
</Style>
</Styles>
Hope this helps!