How to remove space of title bar in simple form?

[former_member259572]

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>

[former_member227918 · Accepted solution]

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

[former_member259572 · Accepted solution]

Thank you so much Akhilesh ... its very useful

[former_member182862]

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

[former_member259572]

Thank you so much Dennis..... Had it solved