DragLayout | Page drag and drop demo | Router library

I have an image picked from user gallery. I also have a button which generates custom Edit Text, whose value i can drag around a relative Layout. This part of the code works fine, but I was wondering if there was a way I could create a bitmap that captures the screen just as it looks when there is this image picked from the user gallery, the Edit Text value and other parts of the layout that the image did not cover (am using center crop scale type). As you can see in my SendToDb method, I have already tried using createBitmap but this returns a null value, just an empty screen layout,with neither the image nor the edit text value. Any help on how I can have the new bitmap with both the image and edittext? Any help would be appreciated. Thanks! Here is a screenshot of the final bitmap I'd like to have. Thanks in advance!

Here is my xml code