Forms Designer Forum

Hi there,

I've just created a SharePoint form using SPForms (first time), and I need to arrange it so that the 4th tab sits between Tabs 1 and 2. Drag and dropping the tab into its new position doesn't seem to work in this instance.

e.g. it currently looks like this: 1 2 3 4

and I need it to look like this: 1 4 2 3

Any help to recitfy this issue would be greatly appreciated.

Cheers,

Rachel

Hello,

You can export the form, open the saved .xml file, rearrange the elements
inside it the way you want and reimport. E.g.:


Exported xml fragment:

<List Orientation="Vertical" CssClass="" Style="width:100%;">

<Field Id="fa564e0f-0c70-4ab9-b863-0177e6ddd247" InternalName="Title"
Title="Title" Orientation="Horizontal" TitleVisibility="Visible"
TitleWrapping="NoWrap" TitleWidth="150" ReadOnly="False" CssClass=""
Style="" Required="True" Type="Text" Width="" />

<TabControl TabStripPlacement="Top">

<Tab Header="tab1">

<List Orientation="Vertical" CssClass="" Style="width:100%;">

<Button Style="" CssClass="" OnClick="" Text="Button..."
Width="200" />

</List>

</Tab>

<Tab Header="tab2">

<List Orientation="Vertical" CssClass="" Style="width:100%;">

<TextBlock Style="" CssClass="" Text="Some Text..."
Wrapping="NoWrap" Width="200" TextType="Text" />

</List>

</Tab>

</TabControl>

</List>



Can be rearraged:

<List Orientation="Vertical" CssClass="" Style="width:100%;">

<Field Id="fa564e0f-0c70-4ab9-b863-0177e6ddd247" InternalName="Title"
Title="Title" Orientation="Horizontal" TitleVisibility="Visible"
TitleWrapping="NoWrap" TitleWidth="150" ReadOnly="False" CssClass=""
Style="" Required="True" Type="Text" Width="" />

<TabControl TabStripPlacement="Top">

<Tab Header="tab2">

<List Orientation="Vertical" CssClass="" Style="width:100%;">

<TextBlock Style="" CssClass="" Text="Some Text..."
Wrapping="NoWrap" Width="200" TextType="Text" />

</List>

</Tab>

<Tab Header="tab1">

<List Orientation="Vertical" CssClass="" Style="width:100%;">

<Button Style="" CssClass="" OnClick="" Text="Button..."
Width="200" />

</List>

</Tab>

</TabControl>

</List>

Brilliant, thank you.