[Muhammad Hanif Fahyuananto]

I have a problem with the size of input box,
I've try modify the css height of form-input-box component but the height of input box still small and we can't see clearly what've we typed.

Is there any solution?

 

 

-Thaks before-

[davidoster]

Hello and welcome to the forums [member=muhammad hanif fayuananto].

This is not a normal display of the form.

You must have somewhere some css that changes the default behaviour.

Please inspect your attached css code on your view and amend it.

[Muhammad Hanif Fahyuananto]

Is there any hint? may be which html-tag that handle it or css style that related with it?
I've try change some near tag html which wrap around the inputbox but the appearance still not changed.

-Thanks-

[Muhammad Hanif Fahyuananto]

update: I've find which part of the css  and I write again in head part to 'override' (I don't know the right term) and the font-size and inputbox's height increase.

 

.flexigrid div.form-div input[type=text] {                
                font-size: 16px;   // this part
                ....................
                height:35px;        //change this too

                .....
}

Thanks before fo davidoster's advice

[Maji]

JUST FIND THE FIND THE ............(LOCATION OF YOUR SITE).......assets/grocery_crud/themes/flexigrid/css/flexigrid.css

 

THEN CHANGE THIS PART LIKE THIS;

.flexigrid div.form-div input[type=text], .flexigrid div.form-div input[type=password]
{
    font-size: 15px;
    width: 300px;
    height:35px;
    border: 1px solid #AAA;
    padding: 5px 5px 5px 5px;
    background: #fafafa;
}

 

Thanks;

[gtya]

i encounter the exact same problem, it iseems it started to occurs when adding a date field producing a datepicker,

i am not good in CSS debugging, so i can not say more. BTW changing the line like explained here, helps to make the text readable again.