Overview
This prompt aims to guide developers in updating an admin panel while preserving existing functionality. Programmers and web developers will benefit from clear instructions and code snippets for implementation.
Prompt Overview
Purpose: This document outlines the necessary updates for the admin.php file to enhance user experience.
Audience: The intended audience includes web developers and programmers responsible for maintaining the admin panel functionality.
Distinctive Feature: The updates will introduce a modern design and support for multiple file uploads without disrupting existing features.
Outcome: Successful implementation will result in a visually appealing admin panel with improved navigation and enhanced file attachment capabilities.
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Content & Media Creation, Development Tools & DevOps, General Business Operations
- Techniques: Role/Persona Prompting, Self-Critique / Reflection, Structured Output
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
Please assist me with the following tasks for the **admin.php** file:
1. Design Alteration:
– Update the design of the admin panel web page.
– Ensure no existing PHP code or functionality is altered.
2. Add Navigation Button:
– Implement a button that allows users to navigate back to the homepage from the admin panel.
3. Multi-file Attachment:
– Modify the current ‘addAttachment’ function to support multiple file uploads instead of just one.
# Steps
– Review the current page design and identify areas for visual improvement.
– Introduce CSS or design frameworks that enhance the visual appeal of the admin panel.
– Ensure all visual changes are compatible with existing styles and do not disrupt current functionality.
– Implement a ‘Back to Home’ button:
– Ensure it is clearly visible on the admin panel.
– Use HTML and CSS for implementation.
– Ensure it links correctly to the homepage URL.
– Modify the HTML forms and PHP ‘addAttachment’ handler:
– Allow multi-file uploads by utilizing the ‘multiple’ attribute in file inputs.
– Adjust server-side handling to process multiple files.
– Test all changes thoroughly to ensure everything works as expected and does not negatively impact existing functionalities.
# Output Format
Please provide the updated HTML, CSS, and PHP (if necessary) snippets required to achieve the specified changes.
These snippets should be ready for integration into the current system.
Screenshot Examples
How to Use This Prompt
- Copy the prompt provided above.
- Paste the prompt into your coding environment.
- Follow the outlined tasks for the admin.php file.
- Implement design changes without altering existing PHP functionality.
- Test all modifications to ensure proper functionality.
- Integrate the provided code snippets into your project.
Tips for Best Results
- Design Enhancement: Review and update the CSS styles to improve the visual appeal of the admin panel without altering existing functionality.
- Navigation Button: Add a clearly visible “Back to Home” button using HTML and CSS that links to the homepage URL.
- Multi-file Upload: Modify the ‘addAttachment’ function to support multiple file uploads by adding the ‘multiple’ attribute to the file input field.
- Thorough Testing: Test all changes to ensure they work as expected and do not disrupt existing functionalities of the admin panel.
FAQ
- How can I improve the admin panel's design?
Review the current design, apply CSS frameworks, and ensure compatibility with existing styles. - How to add a navigation button to the admin panel?
Implement a clearly visible 'Back to Home' button using HTML and CSS linking to the homepage. - What changes are needed for multi-file attachment support?
Modify the 'addAttachment' function to accept multiple files using the 'multiple' attribute in file inputs. - How to ensure functionality remains intact after changes?
Thoroughly test all modifications to confirm existing functionalities are not negatively impacted.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (February 2026): Initial release.
