To create a resource in InDesign one has to write a coding lines, be very calculative to give left ,top , right , bottom of the resource correctly so that the resource appears correctly in the UI.

To make the things easier we can have the InDesign Plug-in Editor this is a Eclipse plugin through which we can edit( add, remove, resize and completely edit your widgets ) the InDesign .fr files vey easily.

One can even drag drop the resource from the available resources to the UI, like in most of the advanced editors.
One can get the full environment from:-
http://labs.adobe.com/wiki/index.php/InDesign_Plug-in_Editor#Downloading_the_Adobe_InDesign_Plug-in_Editor_as_an_Eclipse_distribution
One can use the plugin with full distribution, it has all the settings for the editing the FR files or can use the instruction to create the workspace for InDesign plugin deveolopment.
How to use it , this is about importing the plugin
Step 1. : Right Click in Navigator to import the project.
Step 2. : Select “InDesign Plugin development -> InDesign Plugin project”.

Step 3. : a ) Give the project name
b ) Give the Mac source folder ( the source folder of the project you want to import, e.g. if you are editing the SDK sample then ” Adobe InDesign Products SDK\source\sdksamples\SampleProject”
c ) Give the Mac root FR file. ( it automaticaly show the files in the source folder selected above, select the .fr file from the folder.
d ) Give the Windows source folder.
e ) Give the Windows FR file.

Step 4. : Give the win project & Mac project file. Click Finish. It will show you the UI of the sample project, now you can drag drop the available widgets on the fr at your desired location of your desired size.

Note : you have to give the widget IDs , pluginIds in your SampleProject_ID.h manually