Home ›
ASP.NET Forums » ASP.NET AJAX » ASP.NET AJAX Control Toolkit » Alignment SlideShow

Alignment SlideShow

Last post 03-03-2008 12:55 PM by Jan Johannessen. 3 replies.

Sort Posts:

  • Alignment SlideShow

    02-29-2008, 12:35 PM

    I have used the SlideShow extender togeter with Image control, and I am using asp.net 3.5 / VWD 2008 Express. Everything is working fine in "design wiev," but when I "Wiev in Browser" or export the files to my web holtel, the slideshow align to the right side on the ContentPlaceHolder (Everything else is aligned correctly in the center). It looks like the Slides align to the centre for halv a second and then it "glues" to the right side.

    Any suggestions how to correct this?

     

  • Re: Alignment SlideShow

    02-29-2008, 1:16 PM

    Can you provide the source code of your page?

    When you ask a question, remember to click "mark as answered" when you get a reply which answers your question.


    My latest ASP.NET AJAX blog entries.

  • Re: Alignment SlideShow

    02-29-2008, 1:40 PM

    If you want to se the SlideShow in action: here is the URL: http://www.thenewenergy.com/KL/Alles_sider/Bilder.aspx 

    Here is the code for the page: 

    <%@ Page Language="C#"

    MasterPageFile="~/Master/KL_1.master"

    AutoEventWireup="true"

    CodeFile="Bilder.aspx.cs"

    Inherits="KL_Alles_sider_Bilder"

    Title="Untitled Page" %>

    <%@ Register

    Assembly="AjaxControlToolkit"

    Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

     

     

    <script runat="Server" type="text/C#">

    [System.Web.Services.WebMethod]

    [System.Web.Script.Services.ScriptMethod]

    public static AjaxControlToolkit.Slide[] GetSlides()

    {

    return new AjaxControlToolkit.Slide[]

    {

    new AjaxControlToolkit.Slide("images/Blue hills.jpg", "Blue Hills", "Go Blue"),

    new AjaxControlToolkit.Slide("images/Sunset.jpg", "Sunset", "Setting sun"),

    new AjaxControlToolkit.Slide("images/Winter.jpg", "Winter", "Wintery..."),

    new AjaxControlToolkit.Slide("images/Water lilies.jpg", "Water lillies", "Lillies in the water"),

    new AjaxControlToolkit.Slide("images/VerticalPicture.jpg", "Sedona", "Portrait style picture")};

    }

    </script>

    <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    </asp:Content>

    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">

    </asp:Content>

    <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <p>

    This is a test</p>

    <ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />

     

    <br />

    <br />

     

    <div style="text-align:center">

    <asp:Label runat="Server" ID="imageTitle" CssClass="slideTitle"/>

    <br />

    <asp:Image ID="Image1" runat="server"

    Height="300px"

    Style="border: 1px solid black;width:auto; text-align: center;"

    ImageUrl="~/KL/Alles_sider/images/Blue hills.jpg"

    AlternateText="Blue Hills image" ImageAlign="Middle" />

     

    <br />

     

    <asp:Label runat="server" ID="imageDescription" CssClass="slideDescription"></asp:Label>

     

    <br />

    <br />

     

    <asp:Button runat="Server" ID="prevButton" Text="Forrige bilde" Font-Size="Larger" />

    <asp:Button runat="Server" ID="playButton" Text="Automatisk visning" Font-Size="Larger" />

    <asp:Button runat="Server" ID="nextButton" Text="Neste bilde" Font-Size="Larger" />

     

    <ajaxToolkit:SlideShowExtender ID="slideshowextend1" runat="server"

    TargetControlID="Image1"

    SlideShowServiceMethod="GetSlides"

    AutoPlay="true"

    ImageTitleLabelID="imageTitle"

    ImageDescriptionLabelID="imageDescription"

    NextButtonID="nextButton"

    PlayButtonText="Automatisk visning"

    StopButtonText="Stopp visning"

    PreviousButtonID="prevButton"

    PlayButtonID="playButton"

    Loop="true" />

    </div>

    </asp:Content>

     Here is the Master page:

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="KL_1.master.cs" Inherits="Master_KL_1" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head id="Head1" runat="server">

    <title>Master-side DNE</title>

    <asp:ContentPlaceHolder id="head" runat="server">

    </asp:ContentPlaceHolder>

    <style id="Style1" type="text/css" runat="server">

     

    }

    .cel_hoyre

    {

    padding: 10px 35px 10px 10px;

    vertical-align: top;

    text-align: center;

    }

    .cel_venstre

    {

    padding: 10px;

    width: 150px;

    vertical-align: top;

    font-size: 12px;

    text-align: left;

    }

    .menystyle_1

    {

    padding: 2px;

    border: 0px solid #C0C0C0;

    text-align: left;

    position: relative;

    left: 16px;

    font-size: 12px;

    color: #FF0000;

    top: 0px;

    width: 119px;

    }

    .logo_1

    {

    position: relative;

    top: 17px;

    left: 35px;

    }

    </style>

    <link href="Kiwi_loftet.css" rel="stylesheet" type="text/css" />

    </head>

    <body>

    <form id="form1" runat="server">

    <table class="master_kl1_tbl_topp" >

    <tr>

    <td>

    &nbsp;</td>

    </tr>

    </table>

    <table id="Table1" class="master_kl1_tbl_midten" runat="server">

    <tr>

    <td id="Td1" class="cel_venstre" runat="server">

    <asp:Menu ID="Menu1" runat="server" CssClass="menystyle_1"

    DynamicHorizontalOffset="2" StaticSubMenuIndent="10px" ForeColor="#666666">

    <StaticSelectedStyle BorderColor="Green" />

    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />

    <DynamicHoverStyle ForeColor="White" />

    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />

    <StaticHoverStyle BackColor="#F02857" BorderColor="Blue" ForeColor="White" />

    <Items>

    <asp:MenuItem NavigateUrl="~/KL/Default.aspx" Text="Forsiden"

    ToolTip="G† til forsiden" Value="Forsiden"></asp:MenuItem>

    <asp:MenuItem NavigateUrl="~/KL/Alles_sider/Massasje.aspx"

    Text="Massasje" ToolTip="Johannes-massasje"

    Value="Massasje">

    <asp:MenuItem NavigateUrl="~/KL/Alles_sider/Massasje.aspx"

    Text="Johanne's Massasje" ToolTip="G† til &quot;Johanne's Massasje&quot;"

    Value="Johanne's Massasje"></asp:MenuItem>

    <asp:MenuItem NavigateUrl="~/KL/Alles_sider/Massasje_feedback.aspx"

    Text="Tilbakemeldinger" ToolTip="Tilbakemeldinger fra kunder"

    Value="Tilbakemeldinger"></asp:MenuItem>

    </asp:MenuItem>

    <asp:MenuItem NavigateUrl="~/KL/Alles_sider/Bilder.aspx"

    Text="Bilder" ToolTip="Johannes bilder" Value="Bilder">

    </asp:MenuItem>

    <asp:MenuItem NavigateUrl="~/KL/Alles_sider/Om oss.aspx"

    Text="Om oss" ToolTip="G† til &quot;Om oss&quot;" Value="Om oss">

    </asp:MenuItem>

    <asp:MenuItem Text="Linker" ToolTip="G† til &quot;Linker&quot;"

    Value="Linker"

    NavigateUrl="~/KL/Alles_sider/Linker.aspx"></asp:MenuItem>

    </Items>

    </asp:Menu>

    <br />

    <img alt="Kiwi-loftet" class="logo_1" src="images/kiwi_2.gif"

    style="width: 80px; height: 58px" runat="server" /><br />

    <br />

    <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">

    <p>

    </p>

    </asp:ContentPlaceHolder>

    </td>

    <td class="cel_hoyre">

    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" />

     

    </td>

    </tr>

    </table>

    <table class="master_kl1_tbl_bunn">

    <tr>

    <td>

    &nbsp;</td>

    </tr>

    </table>

    </form>

    </body>

    </html>

     

  • Re: Alignment SlideShow

    03-03-2008, 12:55 PM
    Answer

    Sorry!

    The error was corrected and was caused by a <div> that was linked to a css-file and right aligned
Page 1 of 1 (4 items)
RSS Available

Contact | Advertise | Issue Management by Axosoft's OnTime | Running IIS7
All Rights Reserved. | Terms of Use | Trademarks | Privacy Statement
© 2009 Microsoft Corporation.