template design

Question

User-527908287 posted

I want to create ID card templates on a web form; So that when you choose a template, it selects the chosen template and display for editing. From there you can edit the name, image, department or position, company logo and any other information required on an ID card.

Here is a bit of what I  mean in this image link I attach here.

Accordingly, this first image shows the different templates…And the second, third and fourth images show how the selected template is and the editing of "ID Number", and "Designation". if carefully looked to left pane of the screen, you will find the editing corner where the editing takes place. This is how i can explain better, i hope its clear as  seek on how to achieve this. I ask for anyone with greater knwoledge to please help me out. Thank you.

https://imgur.com/gallery/4IqdFg9

Donald

Answer 1

User288213138 posted

Hi DonaId416,

I want to create ID card templates on a web form; So that when you choose a template, it selects the chosen template and display for editing. From there you can edit the name, image, department or position, company logo and any other information required on an ID card.

Here is a bit of what I  mean in this image link I attach here.

Accordingly, this first image shows the different templates…And the second, third and fourth images show how the selected template is and the editing of "ID Number", and "Designation". if carefully looked to left pane of the screen, you will find the editing corner where the editing takes place. This is how i can explain better, i hope its clear as  seek on how to achieve this. I ask for anyone with greater knwoledge to please help me out. Thank you.

You can use the repeater control, which stores the pictures of your various ID card templates (you can use image control), and then add a click event to each image, this click event will be redirected to your template editing page.

Please try to code it yourself, if you encounter problems during the coding, you can post your questions here.

Best regards,

Sam

Answer 2

User-527908287 posted
Thank you, but am I going to design the card images separately with a different software and then add it to my visual studio project?

Answer 3

User288213138 posted

Hi Donald416,

but am I going to design the card images separately with a different software and then add it to my visual studio project?

You can design each template first, then run your code, screenshot template style.

Best regards,

Sam

Answer 4

User-527908287 posted
Sorry to bother you again, I'm a bit confused. You stated that "I can design template first and then run the code". Does this mean that I'll have to design template differently using another software, then add it to the repeater control or design template inside visual studio? Thank you

Answer 5

User288213138 posted

Hi Donald416,

Sorry to bother you again, I'm a bit confused. You stated that "I can design template first and then run the code". Does this mean that I'll have to design template differently using another software, then add it to the repeater control or design template inside visual studio? Thank you

No need, for example, if your template is an html table, then you only need to view the style of your template on the browser, and then use the screenshot tool to intercept the template.

Best regards,

Sam

Answer 6

User-527908287 posted
Hello Sam,
Since I am self-tutoring myself, I must state that it is a bit difficult for me. May I please ask where to get tutorial help from for more study? I know most developers will require payment in order to help

Answer 7

User288213138 posted

Hi Donald416,

I must state that it is a bit difficult for me. May I please ask where to get tutorial help from for more study?

You can learn about web form.

https://docs.microsoft.com/en-us/aspnet/web-forms/

You can also learn some html content and css to change its style.

https://www.w3schools.com/html/

https://www.w3schools.com/css/default.asp

After learning these, you can also learn javascript to optimize your website

https://www.w3schools.com/js/default.asp

Hope this can help you.

Best regards,

Sam