Sigma Php Ajax framework, Ajax Components, GUI Builder
May 23, 2012, 10:02:06 PM
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email?
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
Sigma Php Ajax framework, Ajax Components, GUI Builder
>
Sigma Visual GUI Builder & Library
>
Sigma Visual - Q&A
(Moderators:
steven
,
linb
) >
How to change item spacing?
Pages: [
1
]
« previous
next »
Print
Author
Topic: How to change item spacing? (Read 283 times)
Bruce_Dickey
Sr. Member
Posts: 67
How to change item spacing?
«
on:
September 29, 2011, 01:27:42 PM »
Hi,
What is a good way to change the spacing between items in a menu, tree, list, group of radio buttons (both horizontally and vertically), etc?
Thanks,
Bruce
Logged
linb
Administrator
Hero Member
Posts: 435
Re: How to change item spacing?
«
Reply #1 on:
September 29, 2011, 06:01:52 PM »
Use CSS, you need see "Appearances" block in :
www.linb.net/Examples/
Logged
sedrok (jslinb.ru)
Sr. Member
Posts: 57
Re: How to change item spacing?
«
Reply #2 on:
September 30, 2011, 12:54:09 AM »
// The default code is a com class (inherited from linb.Com) Class('App', 'linb.Com',{ // Ensure that all the value of "key/value pair" does not refer to external variables Instance:{ // To initialize instance(e.g. properties) initialize : function(){ // To determine whether or not the com will be destroyed, when the first UI control be destroyed this.autoDestroy = true; // To initialize properties this.properties = {}; }, // To initialize internal components (mostly UI controls) // *** If you're not a skilled, dont modify this function manually *** iniComponents : function(){ // [[code created by jsLinb UI Builder var host=this, children=[], append=function(child){children.push(child.get(0))}; append( (new linb.UI.List) .setHost(host,"ctl_list1") .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif", "disabled":true}]) .setLeft(90) .setTop(30) .setWidth(370) .setHeight(300) .setValue("a") .setCustomStyle({"ITEM":"padding-top:50px"}) ); return children; // ]]code created by jsLinb UI Builder }, // Give a chance to load other com iniExComs : function(com, threadid){ }, // Give a chance to determine which UI controls will be appended to parent container customAppend : function(parent, subId, left, top){ // "return false" will cause all the internal UI controls will be added to the parent panel return false; }, // This instance's events events : {} } });
Logged
Bruce_Dickey
Sr. Member
Posts: 67
Re: How to change item spacing?
«
Reply #3 on:
September 30, 2011, 07:32:12 AM »
Thanks
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News & Announcements
-----------------------------
Sigma Visual GUI Builder & Library
-----------------------------
=> Sigma Visual - Knowledge Share
=> Sigma Visual - Q&A
=> Bug Report & Wishlist
-----------------------------
Sigma Grid
-----------------------------
=> Sigma Grid - Q&A
=> Show Case
=> Bug Report & Wishlist
-----------------------------
Other
-----------------------------
=> AJAX & JavaScript
Loading...