To simplify, we just make additional td with the background color: Let’s change those #421c1c values into actual colors, we need to change the internals of that td cell. This is how our list currently looks like: Now, in the same at the bottom we need to load jQuery and then add a section for javascript in the resources/views/admin/tags/ file, in the form, we add this at the it, we have the result: Where to put it – depends on the structure of your layout, for me it’s resources/views/layouts/. In our section of HTML, we need to add this: In the table list view the color block instead of #XXXXXX valueįor JavaScript part of actually picking the color, we will choose one of the most popular library called Bootstrap Colorpicker and will load it from Cloudflare CDN.You can use a ColorPickerButton instead if you need a button that brings up a ColorPicker in a pop-up. Enable Transparency Enable transparency control on. Note: This control is the color picker widget itself. Save result as #XXXXXX into the database Default Value The default value initially loaded into the Color Picker when first editing the fields value.Adapt jQuery Colorpicker library for picking color.So, what we need to do here to adapt colorpicker: Schema::create('tags', function (Blueprint $table) Now, let’s turn a “color” field from simple text, to color picker. We will generate our form with QuickAdminPanel, but it’s not necessary – it’s a simple CRUD. Let’s create a CRUD for Tags like Github issues labels, where you can add a Label and choose a color for it: Laravel doesn’t have color picker field as a default option, but we can build one easily, please follow this tutorial.
0 kommentar(er)
