PDA

View Full Version : do we have horizontal scroll bar for multi select control in ext-js 2.2 version



anusham
16 Jul 2010, 4:20 AM
Hi All,
i hav a multiselect control where we save some template messages. if its length exceeds 50,
i need a horizontal scroll bar. im getting v scroll where necessary but not the hscroll.
i tried with autoscroll:true,overflow:scroll,auto. etc. everything. but not getting the hscroll.
iam using extjs 2.2 .
please tell me do we really hav hscroll for multiselect?????????/


Regards,
Anusha M

Animal
16 Jul 2010, 4:40 AM
It's only fancy HTML! Do as you always have done before you used ExtJS.

Set the element's overflow style.

I suggest using a rule in a CSS stylesheet.

anusham
16 Jul 2010, 10:44 PM
It's only fancy HTML! Do as you always have done before you used ExtJS.

Set the element's overflow style.

I suggest using a rule in a CSS stylesheet.

Hi,
yes i tried with all the properties but cudnt succeed.

containerScroll: true,
defaultAutoCreate:{tag: "div"},
overflow:auto;
overflow:scroll;
bodyStyle: 'overflow: auto;'

please tell me is there any other way to get horizontal scroll bar for multiselect.

Animal
16 Jul 2010, 11:34 PM
Use CSS. Really. This is HTML. Use CSS.

anusham
17 Jul 2010, 2:27 AM
Use CSS. Really. This is HTML. Use CSS.
Hi Animal,
its working for panel but not working for multiselect.
i tried directly giving the property and also through css. but still no.
please tell me how to achieve it.


thanks in advance,
Anusha

Animal
17 Jul 2010, 3:04 AM
Are you telling me that you cannot manipulate CSS rules? You can't look at the DOM, and create a rule in your stylesheet?

anusham
18 Jul 2010, 11:30 PM
Are you telling me that you cannot manipulate CSS rules? You can't look at the DOM, and create a rule in your stylesheet?

items: [{
xtype: 'textfield',
fieldLabel: '*Template Message',
name: 'first',
vtype:'text',
emptyText:'Enter Template Message',
style:'font-family:tahoma;font-size:12px;',
id:'txtTemplateMessage',
width:400,
maxLength:150,
autoScroll: true,
allowBlank: false,
enableKeyEvents: true,
listeners: {
keypress: function() {
fnTrapKP(btnCSRTemplatesSave);
}
}
},mtMultiselect]

how can i get horizontal scroll bar for this multiselect when the text in textfield exceeds 50chars. autoScroll: truel is not working.

anusham
18 Jul 2010, 11:40 PM
these are the ways i tried for multiselect control

mtMultiselect = new Ext.ux.Multiselect({
// id:'mtMultiselect',
width: 575,
height: 280,
style: 'mtMultiselect',
store: offlineMessageStore,
displayField: "Message",
valueField: "OfflineId",
hideLabel: true,
wrap: true,
overflow: auto,
overflow: visible,
// overflow-x: scroll,
// overflow-y: scroll,
// containerScroll: true,
// defaultAutoCreate:{tag: "div"},
// overflow:auto;
// bodyStyle: 'overflow: auto'
});


this task seems to be simple , but im very much new to extjs. Please can anyone help me out

Thanks in advance,
Anusha M