Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    my canvas will display extra scroll bars (for hidden form also)

    when you click the icon the form should display in the set height of 424 and have a scroll bar of length of form content but it is show extra scroll.

    How can i show scroll of visible form only.

    Can any one help??

    Code:
    isc.VLayout.create({
    	ID: "preferencesVLayout",
    	height: 500,
    	width: 250,
    	backgroundColor: "#ffffff",
    	layoutMargin: 0,
    	membersMargin: 0,
    	overflow: "auto",
    	members : [
    		isc.Canvas.create({
    			ID: "buttonCanvas",
    			height: 16,
    			width: "100%",
    			children: [
    				isc.ImgButton.create({
    					ID:"account",
    					width:16,
    					height:16,
    					src:"/softprodigy/images/CreateAccounts.gif",
    					showDown:false,
    					showRollOver:false,
    					autoDraw:false,
    					click : function () { exeCode = this.getID() + "Form.show()"; eval(exeCode); }
    				})
    			]
    		}),
    		isc.Canvas.create({
    			ID: "searchCanvas",
    			height: 30,
    			width: "100%",
    			backgroundColor: "#f0f8ff",
    			children: [
    			]
    		}),
    		isc.Canvas.create({
    			ID: "formCanvas",
    			height: 424,
    			width: "100%",
    			backgroundColor: "#e3e3e3",
    			children: [
    			]
    		}),
    		isc.Canvas.create({
    			ID: "controlCanvas",
    			height: 30,
    			width: "100%",
    			backgroundColor: "#000000",
    			children: [
    			]
    		})
    	]
    });
    
    
    
    
    
    
    
    isc.DynamicForm.create({
        ID: "accountForm",
        parentElement: formCanvas,
    	position:"relative",
    	visibility: "hidden",
    	autoDraw: false,
         fields: [
            {name: "initials",
             title: "Initials",
             type: "select",
    		 width:55,
    		 valueMap:["Ms", "Mr", "Mrs", "Dr", "Prof"]
            },
    		{name: "fname",
    		 title: "First Name",		 
    		 type: "text"
    		},
            {name: "lastname",
             title: "Last Name",
             type: "text"
            },
    		{name: "accountname",
             title: "Account Name",
             type: "text"
            },
    		{name: "title",
             title: "Title",
             type: "text"
            },
    		{name: "department",
             title: "Department",
             type: "text"
            },
    		{name: "reportsto",
             title: "Reports To",
             type: "text"
            },
    		{name: "sync", type: "checkbox", title: "Sync to Outlook", required: true, width: "150"},
    		{name: "call", type: "checkbox", title: "Do Not Call", required: true, width: "150"},
    		{name: "officephone",
             title: "Office Phone",
             type: "text"
            },
    		{name: "mobile",
             title: "Mobile",
             type: "text"
            },
    		{name: "home",
             title: "Home",
             type: "text"
            },
    		{name: "other",
             title: "Other",
             type: "text"
            },
    		{name: "fax",
             title: "Fax",
             type: "text"
            },
    		{name: "bdate",
             title: "Birthdate",
             type: "date"
            },
    		{name: "email",
             title: "Email",
             type: "text"
            },
    		{name: "address",
             type: "text",
             length: 5000,
             title: "Address",
             colSpan: 2,
             width: 150
            },
    		{name: "city",
             title: "City",
             type: "text"
            },
    		{name: "state",
             title: "State",
             type: "text"
            },
    		{name: "postalcode",
             title: "Postal Code",
             type: "text"
            },
    		{name: "country",
             title: "Country",
             type: "text"
            }
    	]});
    
    	
    	isc.DynamicForm.create({
        ID: "accountForm2",
        parentElement: formCanvas,
    	position:"relative",
    	visibility: "hidden",
    	autoDraw: false,
        fields: [
            {name: "initials",
             title: "Initials",
             type: "select",
    		 width:55,
    		 valueMap:["Ms", "Mr", "Mrs", "Dr", "Prof"]
            },
    		{name: "fname",
    		 title: "First Name",		 
    		 type: "text"
    		},
            {name: "lastname",
             title: "Last Name",
             type: "text"
            },
    		{name: "accountname",
             title: "Account Name",
             type: "text"
            },
    		{name: "title",
             title: "Title",
             type: "text"
            }
    	]});
    	isc.DynamicForm.create({
        ID: "accountForm3",
        parentElement: formCanvas,
    	position:"relative",
    	visibility: "hidden",
    	autoDraw: false,
        fields: [
            {name: "initials",
             title: "Initials",
             type: "select",
    		 width:55,
    		 valueMap:["Ms", "Mr", "Mrs", "Dr", "Prof"]
            },
    		{name: "fname",
    		 title: "First Name",		 
    		 type: "text"
    		},
            {name: "lastname",
             title: "Last Name",
             type: "text"
            },
    		{name: "accountname",
             title: "Account Name",
             type: "text"
            },
    		{name: "title",
             title: "Title",
             type: "text"
            }
    	]});
    	isc.DynamicForm.create({
        ID: "accountForm4",
        parentElement: formCanvas,
    	position:"relative",
    	visibility: "hidden",
    	autoDraw: false,
        fields: [
            {name: "initials",
             title: "Initials",
             type: "select",
    		 width:55,
    		 valueMap:["Ms", "Mr", "Mrs", "Dr", "Prof"]
            },
    		{name: "fname",
    		 title: "First Name",		 
    		 type: "text"
    		},
            {name: "lastname",
             title: "Last Name",
             type: "text"
            },
    		{name: "accountname",
             title: "Account Name",
             type: "text"
            },
    		{name: "title",
             title: "Title",
             type: "text"
            }
    	]});
    	isc.DynamicForm.create({
        ID: "accountForm5",
        parentElement: formCanvas,
    	position:"relative",
    	visibility: "hidden",
    	autoDraw: false,
        fields: [
            {name: "initials",
             title: "Initials",
             type: "select",
    		 width:55,
    		 valueMap:["Ms", "Mr", "Mrs", "Dr", "Prof"]
            },
    		{name: "fname",
    		 title: "First Name",		 
    		 type: "text"
    		},
            {name: "lastname",
             title: "Last Name",
             type: "text"
            },
    		{name: "accountname",
             title: "Account Name",
             type: "text"
            },
    		{name: "title",
             title: "Title",
             type: "text"
            }
    	]});
    	
    	isc.DynamicForm.create({
        ID: "accountForm6",
        parentElement: formCanvas,
    	position:"relative",
    	visibility: "hidden",
    	autoDraw: false,
        fields: [
            {name: "initials",
             title: "Initials",
             type: "select",
    		 width:55,
    		 valueMap:["Ms", "Mr", "Mrs", "Dr", "Prof"]
            },
    		{name: "fname",
    		 title: "First Name",		 
    		 type: "text"
    		},
            {name: "lastname",
             title: "Last Name",
             type: "text"
            },
    		{name: "accountname",
             title: "Account Name",
             type: "text"
            },
    		{name: "title",
             title: "Title",
             type: "text"
            }
    	]});
    	isc.DynamicForm.create({
        ID: "accountForm7",
        parentElement: formCanvas,
    	position:"relative",
    	visibility: "hidden",
    	autoDraw: false,
        fields: [
            {name: "initials",
             title: "Initials",
             type: "select",
    		 width:55,
    		 valueMap:["Ms", "Mr", "Mrs", "Dr", "Prof"]
            },
    		{name: "fname",
    		 title: "First Name",		 
    		 type: "text"
    		},
            {name: "lastname",
             title: "Last Name",
             type: "text"
            },
    		{name: "accountname",
             title: "Account Name",
             type: "text"
            },
    		{name: "title",
             title: "Title",
             type: "text"
            }
    	]});

    #2
    Get rid of position:"relative" on all of those components - your usage doesn't make sense here, see the docs for canvas.position.

    You don't need Canvas elements around those forms. Just put the forms there directly.

    Set overflow:"auto" on whatever should scroll. Right now, the Layout that contains all the forms will provide scrolling. If you instead want some forms to scroll individually, set overflow:"auto" on those.

    Comment

    Working...
    X