[CLOSED] GridPanel Pager TextField is too small

  1. #1

    [CLOSED] GridPanel Pager TextField is too small

    Both in IE11 and Chrome I get a smaller TextBox for the pager control.


    Working with this example https://examples3.ext.net/#/GridPane...ata/DataTable/ and IE developer tools I found that changing
    width: 100%
    to
    width: auto
    in .x-form-text of this css
    http://speed.ext.net/ext.net/3.0.0/e...e-gray-all.css

    the textbox fits well its space


    I'm not good with css, but if it could be helpful for you I'm glad to have given my contribute.
    Attached Thumbnails Click image for larger version. 

Name:	Cattura.PNG 
Views:	21 
Size:	5.6 KB 
ID:	19031   Click image for larger version. 

Name:	Cattura 2.PNG 
Views:	19 
Size:	5.5 KB 
ID:	19041  
    Last edited by Daniil; Jan 21, 2015 at 2:05 PM. Reason: [CLOSED]
  2. #2
    Hi,

    I had the same issue... when I removed InputItemWidth.

    Please, try to use
    InputItemWidth="64"
    in PagingToolbar markup.

    It would be nice to have "AutoInputItemWidth=true" and worry if the text box width will be long enough.

    Best,
  3. #3
    Hi @bbros and Matt,

    Could you, please, guide me how to reproduce the issue?

    I run the online example in Chrome 39.0.2171.99 m - I cannot see the issue happening.

    I run the example with the latest sources from SVN - no issue for me.
  4. #4
    Hi Danill,

    I think saw it on my friend's tablet or mobile when I was checking my app with mobile devices. I have tried now on my Win 8 RT tablet and Samsung Galaxy tablet and could not reproduce it.

    I will check it on Monday again.
  5. #5

    maybe Touch?

    I tried on different computers.
    I found that it happens on two PC with touch screen monitor.
    On the second PC there is Firefox installed and it works fine, IE11 does show a smaller InputItem.

    I do not have steps to reproduce, because the examples are the ext.net online examples.
    I'll carry on investigating.

    @matt: do you remember if in your case the pc had touch screen?
  6. #6
    I do not have steps to reproduce, because the examples are the ext.net online examples.
    Could you, please, try with Ext.NET from the SVN trunk? Recently, we updated it to ExtJS 5.1.0. Maybe, it resolves the issue.
  7. #7
    Hi,

    I have tried to reproduce the problem on my friend's table yesterday. No success. Cannot reproduce the problem with SVN 6258.
    There is one more device to check .
  8. #8
    Last SVN works for me.
    It caused other problems showing rows in gridpanels, but I'm investigating on it ad maybe I'll open another thread with a repro project.

    You can mark as closed, thank you.

Similar Threads

  1. Replies: 2
    Last Post: Mar 08, 2014, 11:07 AM
  2. How to add a Textbox Column in GridPanel
    By shankar in forum 1.x Help
    Replies: 11
    Last Post: Jul 20, 2010, 8:08 PM
  3. Replies: 0
    Last Post: Oct 27, 2009, 11:47 AM
  4. Replies: 1
    Last Post: Dec 25, 2008, 6:32 AM
  5. [CLOSED] RTF textbox in gridpanel..
    By speedstepmem2 in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Dec 19, 2008, 8:02 AM

Posting Permissions