Moving a tab

rss

Posted by RachSC - Jul 21 ’15 at 09:40

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

  • rostislav
    rostislav
    Moderator
    Member for: 4 years 3 months 14 days
    #1 by rostislav Jul 22 ’15 at 05:20

    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
    Member
    Member for: 4 years 29 days
    #2 by RachSC Jul 23 ’15 at 08:11

    Brilliant, thank you.

Displaying 1 to 2 of 2 messages