What’s the best practice for screen navigation after invalid user input?

Consider an Angular app with many user inputs over screens A, B and C. Screen C needs valid inputs from A and B; B from A only; and A is independent. Suppose while on screen B the user enters invalid inputs.

Question: What navigation should I support for B in this case?

My current thinking is to disallow navigation to C due to data validity issues. But what about navigating back to B? On the one hand, there are no validity issues, and the user may want to look up screen A to help with screen B inputs. On the other hand, this would complicate the app’s state management. An alternative is to disallow such navigation, possibly with an option to restore the last valid inputs at B. As I lack experience in UX, I’d appreciate answers to help me with this trade-off.

Is it a norm in android apps to only have bottom navigation only on parent activities

I have checked multiple apps, and in most of them, bottom navigation is only visible on parent activities, when i go in any inner activity bottom navigation goes away, so my question is that is there any guideline regarding this available in material design, or everyone is just following this approach without any proper guideline,

and is it a right approach to have bottom navigation only on parent activities.

and in which cases we hide navigation on child activities, if not in all.

For example, i have an item in navigation Team, when user taps on it i open Team Screen, which contains 5 items, so when user further goes into these items i disable navigation, is it the correct approach?

Add button for a modal box in my navigation

I have the following navigation in my site.

enter image description here

The first 3 items are normal links to other pages in my site. The last orange link opens a modal box.

This is how I have written it in code

    <?php wp_nav_menu(['menu' => 'Main menu', "container" => "", "menu_class" => "desktop-menu"]); ?>     <a class="open-modal-registration passion-one bg-orange white" href="#">Einfach anmelden und kostenlos studieren</a> 

I have a menu that can be customized from the Control panel, and then the orange button is hardcoded.

enter image description here

Now comes my problem. I would like to be able to reorder the items in the navigation in a way that I can also reorder the orange button, and put it, lets say, between “Page #1” and “Page #2”.

To do this, I guess I would have to add it to my menu from the Control Panel, but I do not see any proper way to do this. All that can be added to the menu are

  • Custom links
  • Pages
  • Posts
  • Categories
  • Tags

And none of those elements seem the right one to define a button with such a functionality.

How could I solve this?

Home or back button as first item in navigation bar?

A bit of background:

I’m in a project where we’re building an android system service (meaning it will work regardless of which app is currently in the foreground) for an action bar that will overlay any app and contain some actions/controls. Some of the actions/controls in the bar will include e.g home, back, minimize the bar +3 more.

To my question:

What would be the most logical order for the items in the action bar?

Home feels weird to have as the first item because back is usually located in the top left corner. But having home anywhere else (even as the second item) feels misplaced in relation to the other options.

Any suggestions?


enter image description here

Permanently Remove Current Navigation Column SharePoint 2013

I’ve built a Policy Library for my company by using a Wiki Page Library on SharePoint 2013.

The user is directed between pages via hyperlinks.

I’ve added the following CSS to a Script Editor to remove the Current Navigation Column from each page (to create more of a website feel for the user):

<style type="text/css">    #sideNavBox{       display:none;    }   </style>   

Essentially, this has worked pretty well. Occasionally though the Navigation Column appears for a couple of seconds when the user navigates between the pages (i.e. appears unhidden). The page then reverts to the full screen view.

If someone could provide some code to ensure the Navigation is permanently hidden it would be much appreciated. I should mention that I’m a SharePoint novice and do not have access to SharePoint Designer.

Settings API tabbed navigation

I’ve created a subpage of WooCommerce and I am trying to add tabbed navigation. The tabs work, but I can’t get the fields setup properly so they display correctly. They all display regardless of my if, but only the first one (settings) is saving. Can you please tell me where I am going wrong?

<?php /**  * Admin class.  */ class Pluginname_Admin_Pro {      public function init(){         add_action('admin_menu', array($  this, 'add_admin_page'));         add_action('admin_init', array($  this, 'add_admin_options'));     }      public function add_admin_page(){         add_submenu_page( 'woocommerce', 'Pluginname', 'Pluginname', 'manage_options', 'pluginname', array($  this, 'admin_page_main') );     }      public function admin_page_main(){         $  active_tab = 'general';         if( isset( $  _GET[ 'tab' ] ) ) {             $  active_tab = $  _GET[ 'tab' ];         }         ?>         <h2 class="nav-tab-wrapper">             <a href="?page=pluginname&tab=general" class="nav-tab <?php echo $  active_tab == 'general' ? 'nav-tab-active' : ''; ?>">General</a>             <a href="?page=pluginname&tab=locations" class="nav-tab <?php echo $  active_tab == 'locations' ? 'nav-tab-active' : ''; ?>">Locations</a>             <a href="?page=pluginname&tab=reports" class="nav-tab <?php echo $  active_tab == 'reports' ? 'nav-tab-active' : ''; ?>">Reports</a>         </h2>         <div class="wrap">             <h1><?php _e( 'Pluginname Settings', 'pluginname' ); ?></h1>             <?php settings_errors();  ?>             <form method="post" action="options.php">                 <?php                  echo $  active_tab;                 if( $  active_tab == 'general' ) {                     settings_fields( 'pluginname-settings-group' );                     do_settings_sections( 'woocommerce' );                 }                 if( $  active_tab == 'locations' ) {                     settings_fields( 'pluginname-locations-group' );                     do_settings_sections( 'woocommerce' );                 }                 ?>                 <?php submit_button(); ?>             </form>         </div>     <?php }      public function add_admin_options(){         $  this->pluginname_settings_fields();         $  this->pluginname_locations_fields();     }      public function pluginname_settings_fields(){         register_setting( 'pluginname-settings-group', 'pluginname_suggestions_per_page' );          add_settings_section( 'pluginname-settings', 'General Settings', array($  this, 'pluginname_settings'), 'woocommerce' );         add_settings_field( 'pluginname-suggestions-per-page', 'Suggestions to show' , array($  this, 'pluginname_suggestions_per_page'), 'woocommerce', 'pluginname-settings' );     }      public function pluginname_locations_fields(){         register_setting( 'pluginname-locations-group', 'pluginname_after_cart_table' );          add_settings_section( 'pluginname-locations', 'Locations', array($  this, 'pluginname_locations'), 'woocommerce' );          add_settings_field( 'pluginname-after-cart-table', 'Add to cart (after cart table)' , array($  this, 'pluginname_after_cart_table'), 'woocommerce', 'pluginname-locations' );     }      public function pluginname_settings(){         echo '<p>Customize your general settings.</p>';     }      public function pluginname_locations(){         echo '<p>Customize your locations settings.</p>';     }      public function pluginname_suggestions_per_page(){         $  option = esc_attr( get_option('pluginname_suggestions_per_page') );         echo '<input type="number" name="pluginname_suggestions_per_page" value="'.$  option.'" placeholder="3" />';     }      public function pluginname_after_cart_table(){         $  option = esc_attr( get_option('pluginname_after_cart_table') );         $  html = '<label class="switch">';             $  html .= '<input type="checkbox" name="pluginname_after_cart_table" value="1"' . checked( 1, $  option, false ) .  '/>';             $  html .= '<span class="slider round"></span>';         $  html .= '</label>';         echo $  html;     }  } 

Unable to remove left navigation from a SharePoint Page. (Do not want to remove it from the site.)

I have a SharePoint Online page created with a template, which I cannot remove the left navigation pane from. (I can edit the list of links, but I want to remove the whole pane completely.)

I’ve tried to follow tutorials online suggesting I add a Content Editor Webpart and include scripts that will remove the left pane, however I don’t have the option to add a Content Editor Webpart on this page. (It doesn’t show the ribbon for the page, so only have the “Add A New Webpart” plus sign in the middle of the page to work with.)

I’ve even copied this webpage to a test site, and changed the site layout to Oslo, rather than Seattle, however the left navigation still shows.

Ideally I would like to remove the left navigation panel from this page only. Not from the entire site.

Thank you for any assistance you can provide.

Hide Edit Links in Navigation for users with Contribute permission levels

I have users with contribute access level and read access level in my sharepoint 2013 publishing site, users with Read access don’t see Edit Links in top Navigation but users with Contribute access see Edit Links. How can I hide Edit links for users with contribute access?

Manage website is already unchecked for contribute access level users. Is there anything else that i am missing in site permissions?

enter image description here