Apigee Develoepr Portal - OPDK-4.16.05.01 - Search Form is missing below menu

Search form is not seen in developer portal pages below the menu. Same is visible in cloud version of portal. OPDK-4.16.05.01 version we can able to reproduce same.

Any idea ? Is it a bug ?

Solved Solved
0 4 163
1 ACCEPTED SOLUTION

Looks like OPDK-4.16.05.01 version of developer portal expects apache-solr to be enabled to display search form below the menu. To fix this issue, you need to create a subtheme of Apigee Responsive theme using starter kit & copy page.tpl.php template file from Apigee Responsive theme & place it in your subtheme, edit the tpl with below changes.

Change the code,

<!-- Breadcrumbs -->
<?php if (!empty($search_form) || !empty($company_switcher)): ?>
  <div class="container search-container">
    <div class="row">
      <?php if (!empty($company_switcher)):?>
        <div class="col-xs-6">
          <div class="apigee-company-switcher-container"><?php print $company_switcher; ?></div>
        </div>
      <?php endif;?>
      <?php if (!empty($search_form)): ?>
        <div class="col-xs-6 pull-right">
          <?php print render($search_form);?>
        </div>
      <?php endif; ?>
    </div>
  </div>
<?php endif; ?>


To,

<!-- Breadcrumbs -->
<?php if (!empty($search_form) || !empty($company_switcher)): ?>
  <div class="container search-container">
    <div class="row">
      <?php if (!empty($company_switcher)):?>
        <div class="col-xs-6">
          <div class="apigee-company-switcher-container"><?php print $company_switcher; ?></div>
        </div>
      <?php endif;?>
      <?php if (!empty($search_form)): ?>
        <div class="col-xs-6 pull-right">
          <?php print render($search_form);?>
        </div>
      <?php endif; ?>
    </div>
  </div>
<?php elseif (!empty($search)): ?>
  <div class="container search-container">
    <div class="row">
      <?php if(!empty($company_switcher)):?>
        <div class="col-xs-6">
            <div class="apigee-company-switcher-container"><?php print $company_switcher; ?></div>
        </div>
      <?php endif;?>
      <div class="col-xs-6 pull-right">
        <?php print render($search);?>
      </div>
    </div>
  </div>
<?php endif; ?>

Above change will fix the issue. Hope it helps.

View solution in original post

4 REPLIES 4

Looks like OPDK-4.16.05.01 version of developer portal expects apache-solr to be enabled to display search form below the menu. To fix this issue, you need to create a subtheme of Apigee Responsive theme using starter kit & copy page.tpl.php template file from Apigee Responsive theme & place it in your subtheme, edit the tpl with below changes.

Change the code,

<!-- Breadcrumbs -->
<?php if (!empty($search_form) || !empty($company_switcher)): ?>
  <div class="container search-container">
    <div class="row">
      <?php if (!empty($company_switcher)):?>
        <div class="col-xs-6">
          <div class="apigee-company-switcher-container"><?php print $company_switcher; ?></div>
        </div>
      <?php endif;?>
      <?php if (!empty($search_form)): ?>
        <div class="col-xs-6 pull-right">
          <?php print render($search_form);?>
        </div>
      <?php endif; ?>
    </div>
  </div>
<?php endif; ?>


To,

<!-- Breadcrumbs -->
<?php if (!empty($search_form) || !empty($company_switcher)): ?>
  <div class="container search-container">
    <div class="row">
      <?php if (!empty($company_switcher)):?>
        <div class="col-xs-6">
          <div class="apigee-company-switcher-container"><?php print $company_switcher; ?></div>
        </div>
      <?php endif;?>
      <?php if (!empty($search_form)): ?>
        <div class="col-xs-6 pull-right">
          <?php print render($search_form);?>
        </div>
      <?php endif; ?>
    </div>
  </div>
<?php elseif (!empty($search)): ?>
  <div class="container search-container">
    <div class="row">
      <?php if(!empty($company_switcher)):?>
        <div class="col-xs-6">
            <div class="apigee-company-switcher-container"><?php print $company_switcher; ?></div>
        </div>
      <?php endif;?>
      <div class="col-xs-6 pull-right">
        <?php print render($search);?>
      </div>
    </div>
  </div>
<?php endif; ?>

Above change will fix the issue. Hope it helps.

The above is not really 100% the case.

It turns out that the search form is present, but it is obscured behind the solid-colored bar at the top. This was a CSS issue which we fixed in cloud release 16.08.29.00 and in OPDK-4.16.09.00 which has just been released.

Thank you for the update @Daniel Johnson , It's helpful.