[CLOSED] Vertical slider rendering

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1

    [CLOSED] Vertical slider rendering

    Hello,

    I'm seeing some "weird stuff" when I render a vertical slider bar in IE8, it looks like a series of stacked circles or something:

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="deleteMe2.aspx.vb" Inherits="deleteMe2" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
        <style type="text/css">
    
            .wrapper { width: 500px; height: 350px; padding: 0; overflow: hidden; margin-top: 0px; margin-left: 0px; float:left;}
            .testFrameClass { width: 490px; height: 340px; border: none;  padding: 0; margin-top: 0px; margin-left: 0px; }
            .vertical_scroll { 
                width:50px; 
                height:350px;
                float:right; 
                text-align:center; 
                vertical-align:middle; 
                }
        </style>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    
        <ext:XScript runat="server">
        <script type="text/javascript">
            function changeScroll() {
            }
    
        </script>
        </ext:XScript>
    
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" /> 
        <div>
            <div align="center" id="wrap" class="wrapper"><iframe id="testFrame" name="testFrame" src="http://www.google.com"  class="testFrameClass" runat="server" scrolling="yes" align="middle" /></div>
        </div>
        <div class="vertical_scroll"><label>Scroll:&nbsp;</label><ext:SliderField ID="Scroll" runat="server" Width="50" Height="340" IndicatorTip="ScrollTODO"  >
            <Slider ID="slider2" runat="server" MinValue="25" MaxValue="200" Value="100" Increment="10" vertical="true">
                <Listeners>
                    <Change Fn="changeScroll" />
                </Listeners>
                <Plugins>
                    <ext:SliderTip ID="slidertip2" runat="server">
                        <GetText Fn="function (slider) {return String.format('<b>{0} %</b>', slider.value);}" />
                    </ext:SliderTip>
                </Plugins>
            </Slider>
        </ext:SliderField>
        </div>
        </form>
    </body>
    </html>

    
    Partial Class deleteMe2
        Inherits System.Web.UI.Page
    
    End Class
    Last edited by geoffrey.mcgill; Jan 24, 2011 at 10:58 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Please remove Width, vertical slider doesn't support width changing
  3. #3
    Thanks, that fixed it.

Similar Threads

  1. [CLOSED] How to programaticaly set the value of a slider?
    By feanor91 in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Jun 11, 2012, 2:33 PM
  2. [CLOSED] Vertical Button With Text, Or Vertical Tabs
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 21, 2011, 9:43 PM
  3. [CLOSED] Menu and Slider
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jan 15, 2010, 7:01 PM
  4. [CLOSED] [1.0] Slider DataIndex
    By danielg in forum 1.x Legacy Premium Help
    Replies: 12
    Last Post: Nov 23, 2009, 5:00 AM
  5. [CLOSED] slider example
    By Lex in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Sep 22, 2008, 11:24 AM

Posting Permissions