Extra the data from submission master excel. You can consider the various stages/flow/structure for submission page in the "Themes/ Initiatives" column. Here there will be an extra stage or page comes - Save & exit and other is Succeufull submission page. The "User authentication" " Upload manuscript" & "Preview & confirm" "Save & exit" as well as "Successfully submission page" these stage will be fixed they can't able to change the name of the stage or add filed in this stages but can change the text in this stages or hyper links. For the remain 4 non-fixed stages we can able to delete or change the name of the stage (but they can't able to add more than 4 stages) & User can able to add the fileds or remove the filed (from the group of filed we will be give or need to create new filed they have to send an request). For what are the fields available in each stage you can get form the "Sub theme" column & for Sub filed refer the "Fields" column & the sub field input type are given in "Input type" column & also filed in the fixed stage we can change it (some make can) but for non-fixed stage's fields we can add those to other non -fixed stage . Each stage (both fixed & non-fixed stage must have atleat one filed). For each configuration in stage wise as well as field wise aswell as sub fields wise are in "Configurable fields" column & also if fiedl can be changed or not aslo mentioned in "Configuration present". I will also share the screenshot for evey stage for ypu reference. Build an prototype. Also I image when an user come form builder first we will ask basic information that is Upload logo, whick login sso needed that is ORCID or Kriyadocs SSO or both or there own SSO (if its there own SSO they have attach the API, FOR ORCID & Kriydocs ,we fiexed the an api), then share URL for Publisher websitePrivacy Policy, Terms of Service, Instruaction for author (we can auto attach this URL in where ever the Instrauction for authors coming in submission page, attach the email address for support (like in this support@journal.com). Then what are the file type, like manuscript & other file type (other file type are mention as filed in the Supporting file stage) & we auto attach all the supporting extension for all file type & allow the user to edit if they want & then they will click gnerate the submission form - For the other thinks like instruction for author contents for each stage & what are the fields needed in each them go to same like submission form add or remove there itself - (IMPORTANT - for each filed, which will have pre-defined set of thingd we ask them to add this an list or attach API with method for API - that is - GET, POST , PUT etc -the user can also have option: locking of each subfield during re-submission & revision & techncial decision re-submission - they can say when the submission goes throug ]h this version what sub field to lock at each thing some can be locked onlu in re-submission & no lock in technical decission re-submission & they can aslo have option which filed to appear which version & user also has option to add the rules & validation message for each field & sub fields- eg: like only one cover right & file size for each file type as well as where this field will be mandatory or not as well as teh character or word limits in short or long txt box input type's sub-fields
I'll create a comprehensive manuscript submission form builder prototype based on your requirements and the provided images. This will include the initial setup wizard, stage management, field configuration, and preview functionality.
I've created a comprehensive manuscript submission form builder prototype that includes:
Key Features:
1. Setup Wizard
- Logo upload configuration
- SSO authentication options (ORCID, Kriyadocs, Custom)
- Website URLs configuration (Privacy Policy, Terms, Instructions)
- File type management for manuscripts and supporting files
2. Form Builder Interface
- Stage Management: Drag-and-drop reordering for configurable stages
Fixed vs Configurable Stages:
- Fixed: User Authentication, Upload Manuscript, Preview & Confirm, Save & Exit, Successful Submission
- Configurable: Submission Metadata, Authors & Reviewers, Supporting Files, Declarations & Statements
- Field Configuration: Add, edit, remove fields with validation rules
- Field Types: Text input, textarea, dropdown, checkbox, radio, file upload, date, email, search
3. Advanced Configuration Options
- Field validation (min/max length, required fields)
- Stage-specific instructions and help text
- Field locking options for resubmissions and revisions
- API integration support for dropdown lists
- Character/word limits for text fields
4. Live Preview
- Real-time preview of the submission form
- Interactive stage navigation
- Matches the design from your provided screenshots
- Shows progress indicators and stage completion status
5. Responsive Design
- Mobile-friendly interface
- Clean, professional UI matching the Kriyadocs design
- Intuitive drag-and-drop functionality
The prototype allows publishers to:
- Configure their submission form without coding
- Customize stages and fields based on their requirements
- Set validation rules and field dependencies
- Preview the form before deployment
- Export/generate the final submission form
refer this screenshot of cuurent submission page & build the form builder
Based on the detailed screenshots you've provided, I can see the complete Kriyadocs submission system flow. Let me create a comprehensive form builder that matches this exact interface and functionality.
I've created a comprehensive form builder that exactly matches the Kriyadocs submission system interface from your screenshots. Here are the key features:
Complete Form Builder System:
1. Setup Wizard (5 Steps)
- Branding: Logo upload, system name, welcome text customization
- Authentication: ORCID, SSO, and custom SSO configuration
- Links & Support: Publisher website, privacy policy, terms, instructions, support email
- Manuscript Files: File types and size limits configuration
- Supporting Files: Detailed file type configuration for each category
2. Advanced Form Builder
- Stage Management: Fixed vs configurable stages with drag-and-drop reordering
- Field Configuration: Complete field management with validation rules
- Locking Rules: Field locking for resubmission, revision, and technical decisions
- Instructions Management: Stage-specific instructions and help text
- Validation Rules: Custom validation and error messages
3. Pixel-Perfect Preview
- Authentication Page: Matches the exact design with ORCID/SSO buttons
- Progress Bar: Exact replica with stage indicators and completion status
- Three-Column Layout: Left sidebar, main content, right instructions panel
- All Stages: Upload, Metadata, Authors, Supporting Files, Declarations, Preview
- Interactive Navigation: Click between stages to see different content
4. Key Features Implemented
- ✅ Fixed Stages: User Authentication, Upload Manuscript, Preview & Confirm, Save & Exit, Successful Submission
- ✅ Configurable Stages: Submission Metadata, Authors & Reviewers, Supporting Files, Declarations & Statements
- ✅ Field Types: Text, textarea, dropdown, radio, checkbox, file upload, chips/tags
- ✅ Validation Rules: Min/max length, required fields, custom patterns
- ✅ File Management: Configurable file types and size limits
- ✅ Responsive Design: Works on all screen sizes
- ✅ Exact UI Match: Colors, fonts, spacing, and layout identical to screenshots
5. Advanced Configuration Options
- Field locking during different submission phases
- Custom validation messages
- API integration support for dropdowns
- Stage-specific instructions
- Auto-save functionality
- Multi-language support preparation
The form builder allows publishers to create submission forms that look and function exactly like the Kriyadocs system while providing full customization capabilities for their specific requirements.