Creating 3x5 Table within a form

(0) Share

Report

Posted on by Community Member

Hi everyone,

Wondering if anyone can provide some advice on how I could go about creating a table within a form. I'm wanting to create something like below where the date dropdowns are the fields that I'd like populated. Ideally, I'd like to do something like this without code but I believe that's looking less and less likely.

Thanks in advance.

*This post is locked for comments

I have the same question (0)

All responses (3)

Answers (0)

Suggested answer

Daniel Wikell 2,360 on at

Like (0)

Report

Hi

Fields are pretty much always represented by a label next to the field input. The layout you are seeking is afaik not possible out-of-box and you would have to create a custom html web resource and create your own representation to make it look like that.

When in a web resource, you won't be able to use the same html-controls as CRM does so you likely need to implement a custom datepicker as well and then have the inputs in your resource sync its values back to the original inputs that you'd have to have hidden on the form.

Was this reply helpful? Yes No
Suggested answer

TheMarkChristie 10,328 Moderator on at

Like (0)

Report

Hi Eden

If you are using the current D365 release you could do these as editable grids (subgrid with the config) on a form

community.dynamics.com/.../dynamics-365-editable-grid-setup-crm

Was this reply helpful? Yes No
ashlega 34,477 on at

Like (0)

Report

Hi,

in theory(and I'm saying that since it may still not be ideal), you can probably do it this way:

You'll have to use a web resource to display column/row labels, though.. For example, to display the "table" above, I had to configure a form section like this:

All highlighted elements are displaying a web resource (see code below) - I'm passing label title as a parameter to the web resource (and it is configured as 1 row, no border, no scrollbars):

<html><head>
<style>
body{
padding: 0px; margin: 0px;
}
</style>
<meta><meta><meta><meta><meta><meta><meta></head><body style=" word-wrap: break-word;">
<script>
function getDataParam() {
//Get the any query string parameters and load them
//into the vals array

var vals = new Array();
if (location.search != "") {
vals = location.search.substr(1).split("&");
for (var i in vals) {
vals[i] = vals[i].replace(/\+/g, " ").split("=");
}
//look for the parameter named 'data'
var found = false;
for (var i in vals) {
if (vals[i][0].toLowerCase() == "data") {
return(vals[i][1]);
break;
}
}
}
return "Not defined";
}

var parameters = getDataParam();
document.write(unescape(parameters));
</script>
</body></html>

Was this reply helpful? Yes No