29
0
mirror of https://github.com/joomla/joomla-cms.git synced 2024-06-27 15:43:43 +00:00
cms/administrator/components/com_languages/forms/filter_languages.xml
Brian Teeman 59b8a3171a [4.0] Search inputmode (#27426)
Mobile and touch devices will load a different keyboard depending on the inputmode. This is already implemented for several fields eg url and email

This PR enables it for search fields

As search fields are not a separate field type but type="text" we either have to create a new field type or it has to be added via the form xml. Support for the xml option  was (surprisingly) already implemented so I just had to add the inputmode=search to the xml.

To test this you will need either a mobile device or a touch enabled computer with a virtual keyboard.

When you enter the search field you will see a slightly different keyboard than normal - the actual layout of which is dependent on your device. On my touch screen it looks like this
2020-01-07 12:42:04 +00:00

69 lines
2.4 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<form>
<fields name="filter">
<field
name="search"
type="text"
inputmode="search"
label="JSEARCH_FILTER"
description="COM_LANGUAGES_SEARCH_IN_TITLE"
hint="JSEARCH_FILTER"
/>
<field
name="published"
type="status"
label="JOPTION_SELECT_PUBLISHED"
filter="1,0,-2,*"
onchange="this.form.submit();"
>
<option value="">JOPTION_SELECT_PUBLISHED</option>
</field>
<field
name="access"
type="accesslevel"
label="JOPTION_SELECT_ACCESS"
onchange="this.form.submit();"
>
<option value="">JOPTION_SELECT_ACCESS</option>
</field>
</fields>
<fields name="list">
<field
name="fullordering"
type="list"
label="JGLOBAL_SORT_BY"
onchange="this.form.submit();"
default="a.ordering ASC"
>
<option value="">JGLOBAL_SORT_BY</option>
<option value="a.ordering ASC">JGRID_HEADING_ORDERING_ASC</option>
<option value="a.ordering DESC">JGRID_HEADING_ORDERING_DESC</option>
<option value="a.published ASC">JSTATUS_ASC</option>
<option value="a.published DESC">JSTATUS_DESC</option>
<option value="a.title ASC">JGLOBAL_TITLE_ASC</option>
<option value="a.title DESC">JGLOBAL_TITLE_DESC</option>
<option value="a.title_native ASC">COM_LANGUAGES_HEADING_TITLE_NATIVE_ASC</option>
<option value="a.title_native DESC">COM_LANGUAGES_HEADING_TITLE_NATIVE_DESC</option>
<option value="a.lang_code ASC">COM_LANGUAGES_HEADING_LANG_TAG_ASC</option>
<option value="a.lang_code DESC">COM_LANGUAGES_HEADING_LANG_TAG_DESC</option>
<option value="a.sef ASC">COM_LANGUAGES_HEADING_LANG_CODE_ASC</option>
<option value="a.sef DESC">COM_LANGUAGES_HEADING_LANG_CODE_DESC</option>
<option value="a.image ASC">COM_LANGUAGES_HEADING_LANG_IMAGE_ASC</option>
<option value="a.image DESC">COM_LANGUAGES_HEADING_LANG_IMAGE_DESC</option>
<option value="a.access ASC">JGRID_HEADING_ACCESS_ASC</option>
<option value="a.access DESC">JGRID_HEADING_ACCESS_DESC</option>
<option value="l.home ASC">COM_LANGUAGES_HEADING_HOMEPAGE_ASC</option>
<option value="l.home DESC">COM_LANGUAGES_HEADING_HOMEPAGE_DESC</option>
<option value="a.lang_id ASC">JGRID_HEADING_ID_ASC</option>
<option value="a.lang_id DESC">JGRID_HEADING_ID_DESC</option>
</field>
<field
name="limit"
type="limitbox"
label="JGLOBAL_LIST_LIMIT"
default="25"
onchange="this.form.submit();"
/>
</fields>
</form>