Microsoft Dynamics CRM (Archived)

How to design a custom grid using HTML Web Resource

(0) Share

Report

Posted on by Community Member

Hi,

I want to put custom design(table) using HTML WebResource in existing entity how can i do?

Which is good way to design using HTML Web Resource or using c#?

I want to display product detail in proper format in purchase order entity how can i design that?

I want to design like this

I want to perform action exactly like this..but through code how can I?

http://www.microsoft.com/en-US/dynamics/crm-customer-center/create-a-team-template-and-add-to-an-entity-form.aspx

*This post is locked for comments

I have the same question (0)

All responses (10)

Answers (0)

Emma Chen 5 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

To design a custom grid using HTML Web Resource, you can follow these steps:

Define the HTML structure: Start by creating the basic structure of your grid using HTML tags such as <div> or <section>. Give each grid item a specific class or ID to target it with CSS styles.

Apply CSS styles: Use CSS to define the layout and appearance of your grid. You can set the width, height, margins, and paddings of the grid items to create the desired spacing. You may also use CSS properties like display: grid or display: flex to define the grid layout.

Define the grid template: In CSS, specify the grid template to define the number of columns and rows in your grid. You can use properties like grid-template-columns and grid-template-rows to set the size of each column and row.

Customize the grid: Add additional CSS properties to customize the grid further, such as setting the background color, border, or adding hover effects to the grid items. You can also incorporate CSS frameworks like Bootstrap or Foundation to simplify the grid design process.

Test and refine: Preview your grid in a web browser and make any necessary adjustments to achieve the desired design and responsiveness. Use browser developer tools to inspect and modify the grid's CSS properties in real-time.

Remember to optimize your grid design for different screen sizes and devices by utilizing responsive design techniques like media queries.

For professional logo design services in Manchester, you can visit logodesignmanchester.uk/. They offer expert logo design solutions tailored to your business needs.

Was this reply helpful? Yes No
Ester Digital 5 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

If all the companies introduce the same pictures, graphics, and images in their resources, they can forget about such a thing as individuality. As a result, one of the key goals of the brand, which is to stand out and become unforgettable on the market will not be achieved. To avoid it, such things as custom illustrations are certainly worth being considered.

Was this reply helpful? Yes No
Suggested answer

Vipin J 1,603 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

Here is a custom sub-grid I created with complete code - Html, Css and Javascript. It is basic but can be programmed to have full functionality.

https://vjcity.blogspot.com/2021/04/how-to-design-custom-grid-using-html.html

Was this reply helpful? Yes No
mpabhilash 10 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

could you share the source code for this implementation

Was this reply helpful? Yes No
Suggested answer

Raja Choudhary 35 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

Hi NikkiShah,

May be this link will help you to implementation similar structure as you want.

Was this reply helpful? Yes No
Aparna1 222 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

Hi Everyone,

I have a editable subgrid on the opportunity form for adding the poducts. We have added this grid using a web resource. We are able to add the products using this subgrid in the web application. But we cannot add products while using the mobile application in the grid.

When we click on the description, the lookup window for the products is not coming. Please Help.

Thanks

Aparna

Was this reply helpful? Yes No
Suggested answer

Summer Garg 585 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

Hi Nikki,

To design custom sub-grid, we should use Jquery DataTable for this. Check the article on this which will help you to design custom subgrid.

crmhub.blogspot.in/.../use-jquery-datatable-to-create-custom-subgrid-in-MS-Dynamic-CRM.html

Was this reply helpful? Yes No
Jharana Baliyar Singh 2,667 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

Hi NikkiShah,

I also want this implementaion.Did you get any solution ?

I have added html webresource in form but while creating new record its not showing any column like how crm grid shows view columns.Can anybody suggest please?

Thanks

Was this reply helpful? Yes No
Mahendar Pal 45,095 on at

Like (0)

Report

RE: How to design a custom grid using HTML Web Resource

Other options are

www.codeproject.com/.../Dynamic-Table-using-html-and-javascript

jquery

blog.edgewater.com/.../part-2-creating-an-editable-grid-in-crm-2013-using-knockout-js

msdynamicscrmblog.wordpress.com/.../build-dynamic-html-table-and-display-on-entity-form-using-javascript-and-html-web-resource-in-dynamics-crm-2011

Was this reply helpful? Yes No
ScottDurow 21 on at

Like (2)

Report

RE: How to design a custom grid using HTML Web Resource

Hi,

Take a look at all the samples in http://www.SparkleXRM.com

There is an example of a quote line item editor that you could use as a starting point.

Hope this helps

Was this reply helpful? Yes No