I have `ListView` which brings data from server using `AsyncTask`. After that `onItemClick` starts a new `Activity` which should show more detailed info of the clicked item from the `ListView`. Pretty simple . But problem is the individual pages should work like 9GAG android app (i.e Swipeable Fragment with `ViewPager`). The detail info is much more. What are your suggestion for design layout of that page. Currently I am using `ViewPager` on that single page and Design the fragment to get the required thing.

[![First Screen](https://i.stack.imgur.com/XIBPJm.png)](https://i.stack.imgur.com/XIBPJm.png)
[![Second Detailed Info Screen which needs to designed](https://i.stack.imgur.com/FI5sZm.png)](https://i.stack.imgur.com/FI5sZm.png)
[![Ideal thing to happen is like this ](https://i.stack.imgur.com/F1f3Jm.jpg)](https://i.stack.imgur.com/F1f3Jm.jpg)

Code

```
public class IndividualPage extends ActionBarActivity{
ArrayList<Item> arrayOfList;
ViewPager pager;
CountryPageAdapter pageAdapter;
    private ProgressBar mProgress;
@Override
    public void onCreate (Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.secondpage);

 mProgress = (ProgressBar) findViewById(R.id.linear_progress_bar);

new FilteredResult().execute();

pager = (ViewPager)findViewById(R.id.viewpager);

}

private List<Fragment> getFragments() {
        List<Fragment> frags = new ArrayList<Fragment>();
        System.out.println("fragments main ayya hai");
        cats=arrayOfList;
        for(int i = 0;i<cats.size();i++ ) {
            System.out.println("number : "+i+"::"+cats.get(i).getSector());
            frags.add(prepareFragment(cats.get(i).getImage(),cats.get(i).getName(),cats.get(i).getLocation(),cats.get(i).getSector(),cats.get(i).getStatus(),cats.get(i).getFounded(),cats.get(i).getFundRaising()));
        }
        return frags;
    }

Fragment prepareFragment(String image,String name,String location,String Expertise,String sector,int founded,String fund) {
        CountryFragment cf = new CountryFragment();
        Bundle args = new Bundle();
        args.putString(CountryFragment.STARTUP_IMAGE, image);
        args.putString(CountryFragment.STARTUP_NAME, name);
        args.putString(CountryFragment.STARTUP_LOCATION, location);
        args.putString(CountryFragment.STARTUP_EXP, Expertise);
        args.putString(CountryFragment.STARTUP_SEC, sector);
        args.putInt(CountryFragment.STARTUP_FOUNDED, founded);
        args.putString(CountryFragment.STARTUP_FUND, fund);
        cf.setArguments(args);
        return cf;
    }

 [![public class FilteredResult extends AsyncTask<String, Void, String> {
//onpreexcute  nothing doing great in this 
//onbackground 

 @Override
        protected void onPostExecute(String result) {
        List<Fragment> fragments = getFragments();
        pageAdapter = new CountryPageAdapter(getSupportFragmentManager(), fragments);
        pager.setAdapter(pageAdapter);
     }
}]

```