Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / how to customize selected fields in a list in sencha touch app?
Ask Question

How to customize selected fields in a list in Sencha Touch app?

Anonymous User 2290 11 Apr 2016
I have a need to customize the selected fields list in our Sencha Touch application.
For example: I have very long texts so I want to indicate variable height parameter.
So, please help me how can I do it..!

thank you.
sencha touch javascriptsencha touchsencha touch2
Updated 13 Apr 2016
Anonymous User
Anonymous User

Other

I am a content writter !

Message

1 Answers

Tarun Kumar
Tarun Kumar 13 Apr 2016
Report Abuse
To adjust variable height according to the long texts, create a custom css for your selected field list.
Examples:  Use onFocus event on the selected field where you want to change the width of the panel list, like this:
onFocus: function (e)
{
    this.callParent(arguments);
    this.panelList.setWidth(320);
}
OR
You can get the selectfield when the panelList will be shown, like this:
sf = Ext.Viewport.down('selectfield[action=mySelectfield]');
After that set the width of the panel, like this:
sf.panelList.setWidth(320)
OR
You can use css for adjusting width according to the field list, like this:
.x-select-overlay
{
    .x-list 
    {
        x-list-item
        {
            ---> you can code other related coding here
        }
    }
}
I hope it will be helpful for you.
MindStick Training