title: Unable to replace fragment in viewpager
body: <p>I've been trying to replace the current fragment with another one when an item on the list view has been pressed. However when the button is pressed, the onClick method is fired but it does not replace the fragment. </p>
  
  <p><strong>JournalFragment.java</strong></p>
  
  <pre><code> public View onCreateView(LayoutInflater inflater, ViewGroup container,
                               Bundle savedInstanceState) {
  
          rootView = inflater.inflate(R.layout.fragment_journal_view, container, false);
          context = getContext();
          ListView myView = (ListView) rootView.findViewById(R.id.listView);
  
          TableControllerUser TCU = new TableControllerUser(context);
          final TableControllerJournal TCJ = new TableControllerJournal(context);
  
  
          int accID = TCU.getLoggedInId();
          Cursor cursor = TCJ.getAllJournals(accID);
          Cursor allFood = TCJ.getAllFoodJournals(accID);
          Cursor allActivity = TCJ.getAllActivityJournals(accID);
          Cursor[] cursors = {cursor, allFood, allActivity};
  
          MergeCursor m = new MergeCursor(cursors);
  
          final JournalAdapter adapter = new JournalAdapter(context, m, 0);
  
          myView.setAdapter(adapter);
  
          myView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
              @Override
              public void onItemClick(AdapterView&lt;?&gt; parent, View view, int position, long id) {
                  Cursor c = (Cursor) adapter.getItem(position);
                  Toast.makeText(getActivity(), "onClick Pressed!", Toast.LENGTH_SHORT).show();
  
                  String title = c.getString(c.getColumnIndexOrThrow("title"));
  
                  if (title.contains("Glucose")) {
                      String glucose = c.getString(c.getColumnIndexOrThrow("glucose"));
                      String dateTime = c.getString(c.getColumnIndexOrThrow("glucose_time"));
                      String journalId = c.getString(c.getColumnIndexOrThrow("_id"));
                      String split[] = dateTime.split(" ");
                      String date = split[0];
                      String time = split[1];
  
                      Fragment gluFrag = new GlucoseFragment();
  
                      Bundle bundle = new Bundle();
                      bundle.putString("time", time);
                      bundle.putString("date", date);
                      bundle.putString("glucose", glucose);
                      bundle.putString("journalId", journalId);
  
                      gluFrag.setArguments(bundle);
                      ((GraphActivity) getActivity()).replaceFragments(gluFrag, bundle);
                  }
             }
          });
          return rootView;
          // Inflate the layout for this fragment
      }
  
  }
  </code></pre>
  
  <p><strong>JournalFragment.XML</strong></p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context="edu.tp.sghealthapp.JournalViewFragment"
      android:id="@+id/jv"&gt;
  
  
          &lt;ListView
              android:id="@+id/listView"
              android:layout_below="@+id/viewPager"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:divider="@color/iron"
              android:dividerHeight="1dp" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p><strong>JournalListViewLayout.XML</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:paddingBottom="@dimen/activity_vertical_margin"
      android:paddingLeft="@dimen/activity_horizontal_margin"
      android:paddingRight="@dimen/activity_horizontal_margin"
      android:paddingTop="@dimen/activity_vertical_margin"&gt;
  
      &lt;TextView
          android:id="@+id/txt_listTitle"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:layout_toLeftOf="@+id/arrowIcon"
          android:layout_toStartOf="@+id/arrowIcon"
          android:textColor="#000000"
          android:focusable="false"
          android:textSize="16sp"
          android:typeface="sans" /&gt;
  
      &lt;ImageView
          android:id="@+id/arrowIcon"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentEnd="true"
          android:focusable="false"
          android:layout_alignParentRight="true"
          android:layout_alignParentTop="true"
          android:src="@drawable/ic_arrow" /&gt;
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p><strong>GraphActivity.java</strong></p>
  
  <pre><code>public class GraphActivity extends AppCompatActivity {
  
      Context context;
      TabLayout mTabLayout;
      ViewPager mViewPager;
  
  
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          context = getApplicationContext();
          getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                  WindowManager.LayoutParams.FLAG_FULLSCREEN);
  
          setContentView(R.layout.activity_graph);
          getSupportActionBar().setDisplayHomeAsUpEnabled(true);
          getSupportActionBar().setElevation(0);
  
  
          mTabLayout = (TabLayout) findViewById(R.id.tabLayout);
          mViewPager = (ViewPager) findViewById(R.id.viewPager);
          ViewPagerAdapter pgAdapter = new ViewPagerAdapter(getSupportFragmentManager());
          pgAdapter.addFragments(new GraphFragment(), "Graph");
          pgAdapter.addFragments(new JournalViewFragment(), "Journal");
          mViewPager.setAdapter(pgAdapter);
          mTabLayout.setupWithViewPager(mViewPager);
  
  
      }
  
      public void replaceFragments(Fragment newFragment, Bundle bundle) {
          Fragment fragment = newFragment;
          FragmentManager fm = getSupportFragmentManager();
          FragmentTransaction ft = fm.beginTransaction();
          fragment.setArguments(bundle);
          ft.replace(R.id.jv, fragment);
          ft.commit();
  
      }
  }
  </code></pre>
  
  <p><strong>EDIT:</strong></p>
  
  <p><strong>ActivityGraph.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="horizontal"
      tools:context=".GraphActivity"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/graph"&gt;
  
  
      &lt;android.support.design.widget.TabLayout
          android:id="@+id/tabLayout"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@color/primary"
          app:tabGravity="fill"
          app:tabMode="scrollable"
          app:tabSelectedTextColor="@color/white"
          app:tabTextColor="@color/black"&gt;
          &lt;!--To be fixed in future to occupy whole bar when mode = fixed--&gt;
  
  
      &lt;/android.support.design.widget.TabLayout&gt;
  
      &lt;edu.tp.sghealthapp.library.graphViewPager
          android:id="@+id/viewPager"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_below="@id/tabLayout"&gt;&lt;/edu.tp.sghealthapp.library.graphViewPager&gt;
  
  
  
  
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>Tried Harron's and  Vivek_Neel's methods, both of them work but cause this problem with the formatting</p>
  
  <p><a href="https://i.stack.imgur.com/3KH55.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3KH55.png" alt="Messed Up Formatting"></a></p>
  
  <p>Putting android:layout_below="@+id/viewPager" in the linearLayout causes the fragment to no longer display</p>
  
  <p><strong>EDIT 3</strong></p>
  
  <p>Solved the formatting problem with this <a href="https://stackoverflow.com/a/34573034/5509513">https://stackoverflow.com/a/34573034/5509513</a></p>