ایجاد فرم چند ستونی

[3ngineer 0]

سلام دوستان
من در سایتم باید چند تا فرم قرار بدم. چند تا افزونه رو هم امتحان کردم از بین اونها نینجا فرم خوب بود ولی مشکلش اینه که فیلد ها رو زیر هم قرار میده(عکس زیر بخشی از یک نمونه فرم است که ایجاد کردم) برای اینکه چند ستونی بشه add-on داده که اونم رایگان نیست. 
من الان میخام چند تا فیلد رو کنار هم قرار بدم، با تغییر کد css  این امکان وجود داره؟ و اینکه دقیقا باید چه مواردی رو چگونه تغییر بدم؟
اگر هم افزونه ای میشناسید برای ایجاد فرم چند ستونی ممنون میشم معرفی کنید.

[Mirrajabi 455]

در 3 ساعت قبل، 3ngineer گفته است :

سلام دوستان
من در سایتم باید چند تا فرم قرار بدم. چند تا افزونه رو هم امتحان کردم از بین اونها نینجا فرم خوب بود ولی مشکلش اینه که فیلد ها رو زیر هم قرار میده(عکس زیر بخشی از یک نمونه فرم است که ایجاد کردم) برای اینکه چند ستونی بشه add-on داده که اونم رایگان نیست. 
من الان میخام چند تا فیلد رو کنار هم قرار بدم، با تغییر کد css  این امکان وجود داره؟ و اینکه دقیقا باید چه مواردی رو چگونه تغییر بدم؟
اگر هم افزونه ای میشناسید برای ایجاد فرم چند ستونی ممنون میشم معرفی کنید.

سلام نیاز به پلاگین نیست . با تغییر استایل میشه چند ستون کرد . باید به هر کدوم از این باکس ها عرض ثابت بدید مثلا:

div{ //به جاید div اسم کلاس را وارد کنید.
display:inline-block!important;
width:300px!important;
}

اگر هم نتونستید ادرس صفحه رو بدید تا دقیقا بگم به کدوم کلاس استایل بدبد.

[3ngineer 0]

ممنون از راهنمایی شما اگر ممکنه دقیقتر بفرمایید

اینم ادرس http://httnovin.ir/forms/employment/ 

من در inspect عرض رو از 100% به 50% تغییر میدم فقط اندازش کوچک میشه باکس ها کنار هم نمیان.

[Mirrajabi 455]

در 9 دقیقه قبل، 3ngineer گفته است :

ممنون از راهنمایی شما اگر ممکنه دقیقتر بفرمایید

اینم ادرس http://httnovin.ir/forms/employment/ 

من در inspect عرض رو از 100% به 50% تغییر میدم فقط اندازش کوچک میشه باکس ها کنار هم نمیان.

.field-wrap {
    margin-bottom: 20px!important;
    display: inline-block!important;
    width: 30%!important;
}

کد بالا به استایلتون  اضافه کنید

[3ngineer 0]

در 9 دقیقه قبل، Mirrajabi گفته است :

.field-wrap {
    margin-bottom: 20px!important;
    display: inline-block!important;
    width: 30%!important;
}

کد بالا به استایلتون  اضافه کنید

ممنوووونم 

دو سوال دیگه

امکانش هست که خودم فیلدا رو مشخص کنم ک کدوما کنار هم باشند ینی لزوما در یک خط سه تا فیلد نباشه؟

و اینکه آیا امکانش هست به همین صورتی که فرد فرم رو پر میکنه خروجی بگیرم ؟ (ینی برای هر فرد جداگانه از فرم تکمیل شده پرینت بگیرم)

 

ویرایش شده شهریور 96 توسط 3ngineer

[Mirrajabi 455]

در ۱ ساعت قبل، 3ngineer گفته است :

ممنوووونم 

دو سوال دیگه

امکانش هست که خودم فیلدا رو مشخص کنم ک کدوما کنار هم باشند ینی لزوما در یک خط سه تا فیلد نباشه؟

و اینکه آیا امکانش هست به همین صورتی که فرد فرم رو پر میکنه خروجی بگیرم ؟ (ینی برای هر فرد جداگانه از فرم تکمیل شده پرینت بگیرم)

 

بله .

فقط باید display المان های که قراره کنار هم باشن inline-block کنید

بله.

[3ngineer 0]

در 2 دقیقه قبل، Mirrajabi گفته است :

بله .

فقط باید display المان های که قراره کنار هم باشن inline-block کنید

بله.

  برای سوال دوم، در رابطه با خروجی، میشه یکم توضیح بدید که چطوری امکان پذیره افزونه ای نیاز هست؟

الان افزونه نینجا خروجی رو به صورت فایل اکسل میده که اونم مشکلش اینه که فارسی رو با کاراکترهای ناخوانا ذخیره میکنه و نمایش میده.

[Mirrajabi 455]

در 2 ساعت قبل، 3ngineer گفته است :

  برای سوال دوم، در رابطه با خروجی، میشه یکم توضیح بدید که چطوری امکان پذیره افزونه ای نیاز هست؟

الان افزونه نینجا خروجی رو به صورت فایل اکسل میده که اونم مشکلش اینه که فارسی رو با کاراکترهای ناخوانا ذخیره میکنه و نمایش میده.

<p><a href="javascript:window.print()" class="btn-blue">پرینت صفحه</a></p>

این خط کد در هر صفحه ی قرار دهید . وقتی کلیک شود از همون صفحه پرینت می گیرد.

[3ngineer 0]

در 19 دقیقه قبل، Mirrajabi گفته است :

<p><a href="javascript:window.print()" class="btn-blue">پرینت صفحه</a></p>

این خط کد در هر صفحه ی قرار دهید . وقتی کلیک شود از همون صفحه پرینت می گیرد.

ممنون از شما

این کد فکر میکنم برای ایجاد دکمه پرینت در همون صفحه است.

بنده میخام اطلاعات افرادی که میان فرم رو در سایت تکمیل میکنند به همین شکلی که فرم در سایت وجود داره پرینت بگیرم، این کار امکانپذیره؟

[alibashiri 0]

سلام

من همین مشکل را با گراویتی فرم دارم

لطفا راهنمایی بفرمایید

این هم ادرس سایتم

http://insuranceofpasargad.ir/خرید-بیمه-عمر/خرید-آنلاین-بیمه-عمر/