Results 1 to 2 of 2

Thread: qustion for can't getting the correct result using Ext.ux.InfoPanel!help!

  1. #1

    Question qustion for can't getting the correct result using Ext.ux.InfoPanel!help!

    I try to use Ext.ux.InfoPanel to create a independ panel,but when I try to do like this,I found I can't modify the InfoPanel's width,and put it in correct place with shadow to.
    any problem?
    my code like this:

    		<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="./accordion.css">
    <script type="text/javascript" src="../ext/adapter/yui/yui-utilities.js"></script>
    <script type="text/javascript" src="../ext/adapter/yui/ext-yui-adapter.js"></script>
    <script type="text/javascript" src="../ext/ext-all.js"></script>
    		<link rel="stylesheet" type="text/css" href="accordion.css">
    <script type="text/javascript" src="Ext.ux.InfoPanel.js"></script>
    <script type="text/javascript" src="Ext.ux.Accordion.js"></script>
    <script type="text/javascript" src="accordion.js"></script>
    		<table width=400 id="panels-tab" >
    		<div  id="panels-tab" >
    			<div id="ipanel-7-body">
    			<div class="text-content">
    				<h3>7. Auto-created, body from markup</h3>
    				<pre class="code">&lt;div id=&quot;ipanel-7-body&quot;&gt;
    &lt;div class=&quot;text-content&quot;&gt;
    	&lt;h3&gt;7. Auto-created...&lt;/h3&gt;
    				<pre class="code">new Ext.ux.InfoPanel({
    	title: '7. Auto-created...'
    , id: 'ipanel-7'
    , desktop: 'panels-tab'
    , bodyEl: 'ipanel-7-body'
    , autoCreate: true
    , draggable: true
    , useShadow: true
    , resizable: true

    this is js code:
     new Ext.ux.InfoPanel({
    	title: '7. Auto-created...'
    , id: 'ipanel-7'
    , bodyEl: 'ipanel-7-body'
    , autoCreate: true
    , draggable: false
    , useShadow: true
    , resizable: true
    why the panel 's width isn't 400?

  2. #2
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007


    You should give width to the panel container.

    HTML Code:
    <div style="width:200px" id="panel-ct">
    PHP Code:
    var panel = new Ext.ux.InfoPanel('panel-ct', ....); 
    If you use shadow the real width will be 200px + shadow width.
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new
    News: Grid MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts