Code Monkey home page Code Monkey logo

Comments (7)

kristijanhusak avatar kristijanhusak commented on May 26, 2024

You can do that easily with css with :after.

label.required:after {
    content: " *";
}

from laravel-form-builder.

dileepmaurya avatar dileepmaurya commented on May 26, 2024

@kristijanhusak
for adding * on any required field i write code

$this->add("title", "text",["label_attr" => ["class" => "control-label required"]]);

with above css.
can we reduce this code to like as

$this->add("title", "text",["required" => true]);

from laravel-form-builder.

kristijanhusak avatar kristijanhusak commented on May 26, 2024

Yeah that's a good idea. Will reopen this until I set it up. Thanks.

from laravel-form-builder.

kristijanhusak avatar kristijanhusak commented on May 26, 2024

@dileepmaurya @anandasubedi
Added option required in the latest release (1.4.25).

$this->add('name', 'text', [
    'required' => true
]);

It adds required class to label, and required attribute to field. Something like this:

<div class="form-group">
  <label class="control-label required" for="name">Name</label>
  <input class="form-control" required="required" id="name" />
</div>

from laravel-form-builder.

dileepmaurya avatar dileepmaurya commented on May 26, 2024

cool 👍
@kristijanhusak
HTML 5 required attribute in form element look like as

<input type="text" name="usrname" required />

so just put required.

from laravel-form-builder.

kristijanhusak avatar kristijanhusak commented on May 26, 2024

@dileepmaurya
Field attributes are handled through Laravel's Form Builder, which does this by itself, check here

from laravel-form-builder.

dileepmaurya avatar dileepmaurya commented on May 26, 2024

then its ok. :)

from laravel-form-builder.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.