Many items in ButtonView

Develop and Deploy Cross-Browser Web Apps .

Many items in ButtonView

Postby wahono77 » Sun Apr 28, 2013 9:33 pm

I have many items in ButtonView with BarLocation =Left and some items is painted outside area. I can navigate it with arrow key from keyboard, but I can't scroll it with mouse.

Is possible to show vertical scrollbar for ButtonView or add icon in left and right like in Tabs to scroll list?

Thanks
wahono77
 
Posts: 90
Joined: Sat Apr 13, 2013 6:04 am

Re: Many items in ButtonView

Postby wahono77 » Mon Apr 29, 2013 8:34 pm

While waiting your respond, I got the answer, I add .setCustomStyle({"LIST":"overflow:scroll"}) :

javascript code
append(
(new xui.UI.ButtonViews)
.setHost(host,"ctl_buttonviews4")
.setItems([{"id":"a", "caption":"A - STANDARD"}, {"id":"b", "caption":"B - POS FULL FACILITY "}, {"id":"c", "caption":"C - CREDIT TRANSACTION"}, {"id":"d", "caption":"D - ACCOUNTING"}, {"id":"e", "caption":"E - DISCOUNT MANAGEMENT"}, {"id":"f", "caption":"F - SALESMAN & SERVICE DOER"}, {"id":"g", "caption":"G - REWARD & POINT MANAGEMENT"}, {"id":"h", "caption":"H - COMMISION MANAGEMENT"}, {"id":"i", "caption":"I - MULTI DIVISION"}, {"id":"j", "caption":"J - MULTI DEPARTMENT"}, {"id":"k", "caption":"K - MULTI CURRENCY"}, {"id":"l", "caption":"L - PAYROLL"}, {"id":"m", "caption":"M - SERIAL NUMBER & EXPIRED DATE"}, {"id":"n", "caption":"N - TOOLS"}, {"id":"o", "caption":"O - EXTRA TAX"}, {"id":"p", "caption":"P - PRE TRANSACTION"}, {"id":"q", "caption":"Q - GIRO MANAGEMENT"}, {"id":"r", "caption":"R - EXPORT & IMPORT"}, {"id":"s", "caption":"S - PAYMENT DISCOUNT MANAGEMENT"}, {"id":"t", "caption":"T - RENTAL TRANSACTION"}, {"id":"u", "caption":"U - PRODUCT INFORMATION"}, {"id":"v", "caption":"V - ACOSYS ANALYSIS CENTER"}, {"id":"w", "caption":"W - SMALL BUSINESS"}])
.setDockMargin({"left":0, "top":60, "right":0, "bottom":10})
.setOverflow("")
.setBarLocation("left")
.setBarSize(260)
.setValue("b")
.setCustomStyle({"LIST":"overflow:scroll"})
);
wahono77
 
Posts: 90
Joined: Sat Apr 13, 2013 6:04 am


Return to CrossUI for Web Apps

Who is online

Users browsing this forum: No registered users and 0 guests

cron