I want to change the place where the cancel button appears instead of appearing on the right side as in the image I want it to appear on the left side of the search bar.
You cannot change the position of the default SearchBar and Search Display controller.
For your requirement, you need to create your own custom Search Bar with Cancel as you desire.
Hope it helps..