Moving a tab

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
Locked
RachSC
Posts: 2
Joined: Tue Jul 21, 2015

21 Jul 2015

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

User avatar
rostislav
Moderator
Posts: 364
Joined: Mon Oct 19, 2015

22 Jul 2015

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>

RachSC
Posts: 2
Joined: Tue Jul 21, 2015

23 Jul 2015

Brilliant, thank you.

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 23 guests