Add the Mobile Knowledge Advanced Results Page

You must implement the mobile Knowledge Advanced results page so that users can see knowledge articles in search results. You implement the search functionality by replacing the mobile results page in your current instance with the reference implementation mobile results page.

Users can also use the interactive spell checker on the results page to either correct misspelled words automatically, or to suggest spelling corrections to the user-entered text.

1. Copy the reference implementation mobile results page from here:

   /cp/core/framework/views/pages/okcs/mobile/results.php

2. Place it here:

   /cp/customer/development/views/pages/mobile/

Here’s an example of the reference implementation mobile results (results.php) page:

<rn:meta title="#rn:msg:FIND_ANS_HDG#" template="okcs_mobile.php" clickstream="answer_list"/>
<rn:container source_id="OKCSSearch" document_id_reg_ex="^\w{1,10}\d{1,10}$">
<div id="rn_PageTitle" class="rn_Search">
    <div class="rn_Hero">
        <div class="rn_HeroInner">
            <div class="rn_SearchControls">
                <h1 class="rn_ScreenReaderOnly">#rn:msg:SEARCH_CMD#</h1>
                form method="get" action="/app/results">
                    <rn:container source_id="OKCSSearch">
                        <div class="rn_SearchInput">
                            <rn:widget path="searchsource/SourceSearchField" initial_focus="true" label_placeholder="#rn:msg:ASK_A_QUESTION_ELLIPSIS_MSG#"/>
                        </div>
                        <rn:widget path="okcs/RecentSearches" display_tooltip="true"/>
                        <rn:widget path="okcs/OkcsSuggestions"/>
                        <rn:widget path="searchsource/SourceSearchButton" initial_focus="true" history_source_id="OKCSSearch"/>
                        <rn:widget path="okcs/OkcsInteractiveSpellChecker"/>
                    </rn:container>
                    <div class="rn_StartOver">
                        <a href="/app/home" >#rn:msg:START_OVER_LBL#</a>
                    </div>
                </form>
            </div>
        </div>
    </div>  
</div>
</rn:container>
<div class="rn_Container">
    <section id="rn_PageContent" class="rn_Container">
        <rn:container source_id="OKCSSearch" truncate_size="200">
            <div class="rn_Module">
                <rn:widget path="okcs/Facet" toggle_title="true"/>
            </div>
            <div id="rn_OkcsRightContainer" class="rn_Padding">
                <rn:widget path="okcs/SearchResult" hide_when_no_results="false"/>
                <div class="rn_FloatRight rn_Padding">
                    <rn:widget path="okcs/OkcsPagination"/>
                </div>
            </div>
        </rn:container>
    </section>
</div>