<% = F.submit%> এ একটি সিএসএস ক্লাস যুক্ত করুন


উত্তর:


352
<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

এটি করা উচিত। আপনি যদি কোনও ত্রুটি পেয়ে থাকেন তবে সম্ভাবনা হ'ল আপনি নাম সরবরাহ করছেন না।

বিকল্পভাবে, আপনি ক্লাস ছাড়াই বোতামটি স্টাইল করতে পারেন:

form#form_id_here input[type=submit]

পাশাপাশি চেষ্টা করুন।


অসাধারণ! আপনাকে ধন্যবাদ অর্জজান একটু কৌতূহল - আমি disable_withএই সাবমিট বোতামগুলি ব্যবহার করার চেষ্টা করেছি তবে তারা কখনও কাজ করে বলে মনে হয় না। এমন কোন কারণ আছে যা আপনি জানেন? +1
স্কিরিরাস

3
বিকল্পগুলির জন্য একটি হ্যাশ দিয়ে চেষ্টা করুন: {: শ্রেণি => 'শ্রেণি_নাম',: অক্ষম_উইথ => 'সম্পাদনা ...'}} এটি বোতামটির নামের পরে যাবে। এটি কাজ করা উচিত, বা কমপক্ষে এটি ডকুমেন্টেড।
সর্দজান পেজিক

3
নোট submitকরুন: উপরের উত্তরের মত: শ্রেণি হ্যাশটি ব্যবহার করতে আপনাকে প্রথমে প্রথম যুক্তি হিসাবে স্পষ্টভাবে একটি স্ট্রিং ('এখানে বোতামের নাম') পাস করতে হবে । আপনার যদি সেই স্ট্রিং না থাকে তবে আপনি একটি ত্রুটি বার্তা পাবেন।
thewillcole

7
এখানে ডিফল্ট মান উত্তর অপসারণ ছাড়া ক্লাসে যোগ stackoverflow.com/questions/8811254/...
Naoise গোল্ডেন

<%= form.submit :class => 'class_name' %>কাজ করে, যদি আপনি নাম ব্যবহার করতে চান না।

141

নিম্নলিখিত ফর্মগুলির মাধ্যমে আপনি কোনও ফর্মের জমা বোতামে একটি শ্রেণীর ঘোষণা যুক্ত করতে পারেন:

<%= f.submit class: 'btn btn-default' %> <- দ্রষ্টব্য: কোন কমা নেই!

যদি আপনি একটি স্ক্যাফোল্ডের একটি _ form.html.erb আংশিক পরিবর্তন করে থাকেন এবং আপনি নিয়ন্ত্রণকারী ক্রিয়াগুলির মধ্যে বোতামের নামটির গতিশীল পরিবর্তন রাখতে চান, একটি নাম নির্দিষ্ট করবেন না 'name'

কোনও নাম উল্লেখ না করে এবং ক্রিয়াটির উপর নির্ভর করে ফর্মটি রেন্ডার করা হয় বোতামটি নীচের নামের সাথে .class = "btn btn-default"(বুটস্ট্র্যাপ শ্রেণি) (বা যা কিছু .classআপনি নির্দিষ্ট করবেন) পাবেন:

  • মডেল_নাম আপডেট করুন

  • মডেল_নাম তৈরি করুন
    (যেখানে স্ক্যাফোর্ডের মডেলের নাম মডেল_নাম)


13
নির্বাচিত উত্তরের চেয়ে কম ভোট থাকা সত্ত্বেও, বেশিরভাগ লোকেরা এটিই ব্যবহার করতে চাইবে এমন সমাধান।
আইএএমএনএন

3
এটিই আমি সন্ধান করার চেষ্টা করছিলাম
সন্দীপ গার্গ

1
দরকারী, এবং একটি HTML বৈশিষ্ট্য যুক্ত করার অনুমতি দেয় ("আইডি" বা "শ্রেণি," উদাহরণস্বরূপ) ডিফল্ট, রেলস-জেনারেটেড বোতামের পাঠ্য পরিবর্তন না করে।
TK-421

1
আইএমও এই সর্বোত্তম উত্তর কারণ এটি পরিবর্তনশীল ( "তৈরি করুন" বা "আপডেট") বোতামে পাঠ্য বরাদ্দ নিয়ামক কর্মের উপর ভিত্তি করে আচরণ অপরিবর্তিত
sixty4bit

নিশ্চিতভাবে @ সিক্সটবিট যেমন বলেছেন। অনুবাদ ফাইলগুলিতে বোতামের পাঠ্যটি নির্ধারণ করা উচিত, যাতে ফর্মটি বিভিন্ন নিয়ামক ক্রিয়াকলাপের মধ্যে পুনরায় ব্যবহার করা যেতে পারে, যেমন 'মন্তব্য তৈরি করুন' বনাম 'আপডেট মন্তব্য'। এই উত্তরটি দেখুন - stackoverflow.com/a/18255633/5355691
জার্ভিস জনসন

26

রেল 4 এবং বুটস্ট্র্যাপ 3 "প্রাথমিক" বোতাম

<%= f.submit nil, :class => 'btn btn-primary' %>

ফলন যেমন কিছু:

স্ক্রিন-2014-01-22_02.24.26.png


2
এটি প্রকৃতপক্ষে সেরা কারণ nilনামটির জন্য উল্লেখ করা সাহায্যকারীর ডিফল্ট আচরণকে ধরে রাখে যেখানে যদি এটি কোনও অবজেক্ট তৈরি করা / প্রদর্শিত হচ্ছে তার জন্য যেমন ভেরিয়েবল খুঁজে পায়, যেমন @person, এটি সেই অনুযায়ী বোতামটির নাম রাখবে (আপডেট ফু বা তৈরি করুন ফু) এবং form_forফর্মবিল্ডার সঠিক ক্রিয়া চয়ন করে। সুতরাং আপনি ফর্ম কোডটি আংশিকভাবে এক্সট্রাক্ট করতে পারেন এবং এটি মডেল অবজেক্টটি প্রদর্শন করতে ব্যবহার করতে পারেন (যদি আপনি কোনও ফর্ম এটি প্রদর্শনের জন্য ব্যবহার করতে চান), এটি আপডেট করুন এবং পাশাপাশি একটি নতুন উদাহরণ তৈরি করুন।
পল-সেবাস্তিয়ান মানোলে

13

সর্দজান পেজিক যেমন বলেছেন, আপনি এটি ব্যবহার করতে পারেন

<%= f.submit 'name', :class => 'button' %>

বা নতুন বাক্য গঠন যা হবে:

<%= f.submit 'name', class: 'button' %>

9

Form_with সাহায্যকারী ব্যবহার করার সময় সমাধান

সাহায্যকারী সহ 5.2 টি কারা ব্যবহার করছেন form_with: কমা যুক্ত করবেন না !

<%= f.submit class: 'btn btn-primary' %>

কোনও কমা ছাড়াই স্ক্রিনশট

আছে HTH!


2

ডিফল্টরূপে, রেলস 4 দৃশ্যমান বোতামের পাঠ্য নিয়ন্ত্রণ করতে 'মান' বৈশিষ্ট্যটি ব্যবহার করে, তাই মার্কআপটি পরিষ্কার রাখতে আমি ব্যবহার করব

<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>

0

উভয়ই কাজ করে <%= f.submit class: "btn btn-primary" %>এবং <%= f.submit "Name of Button", class: "btn btn-primary "%>

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.