Skip to Content

How to remove space of title bar in simple form?

Good Afternoon,

Hello experts i would like to know how to remove the empty space form a simple form.

I have tried with CSS but the problem is, it would affect others forms in the project. And if i try to take my own class for the particular form then it won't change at all.

I'm attaching a sample for the same. Please help..

Thank you, in advance

Regards,

Farooq

i need that title bar to separate the fields into two columns

here's the code sample inside the simple form

<f:content>

<core:Title />

<Label text="Purc. Oranization" />

<Input id="POID1" enabled="false" />

<Label text="Company Code" />

<Input id="POID3" enabled="false"/>

<core:Title />

<Label text="Vender" />

<Input id="POID5" enabled="false" />

<Label text="Plant" />

<Input id="POID7" enabled="false"/>

</f:content>

error.png (5.4 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Oct 19, 2016 at 12:07 PM

    Hello,

    give a id to your simple form i.e. idForm and you can try below css,

    div[id*='idForm'] div h5 {   
        display: none !important;
    }

    OR

    div[id*='idForm'] {
        margin-top: -30px;
    }

    Regards,

    Akhilesh

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 19, 2016 at 12:59 PM

    There are many ways to do this.

    I think the easiest is to use CSS like this

    http://jsbin.com/novijayuge/edit?css,js,output

    Add comment
    10|10000 characters needed characters exceeded