Custom Tag: cf_box_search ve cf_box_search_detail


Cf_box_search Purpose of Usage

cf_box_search is a tag with a flexible structure that includes the elements we add for filtering on the listing screens. The purpose of use is to be useful and responsive without printing extra css code for us. It is used in cf_box and by default with cf_box_search_detail.

Note: The button_type value of the search button we use in the tag should be 4. There are three classes that we can add as needed for the dimensions of the inputs we use.

  1. Small: width = 50px
  2. Medium: width = 100px
  3. Large: width = 150px

Parameters

Attributes

Explanation

Data

Mandatory

more

It is used to display the Filter options that come with the "More" button on the listing pages. The default value is 1.

Boolean

H

plus

If there is a < i class ="fa fa-plus" >< / i > element in the table, it takes the insertion letter here and adds the + button next to the "More" button. The default value is 1.

Boolean

H



Cf_box_search_detail Purpose of Usage

The cf_box_search_detail element is used with cf_box_search. This contains the detail part of the filtering screen. It is the area opened with the "More" button.

Elements are used with bootstrap grid classes to provide a responsive structure in this tag. Classes for buttons: ui-btn, ui-btn-gray, ui-btn-gray2.


Example Usage


Here is the result:


Feedback

Did you find this content helpful?