Base solution for your next web application
Open Closed

Change rad tool ViewEntityComponentHtmlTemplate #6357


User avatar
0
system15 created

Hi there is it possible to change the default template in the folder ViewEntityComponentHtmlTemplate to allow properties to be in 2 columns instead of the 1 column approach?

Code:

<div bsModal #createOrEditModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="createOrEditModal" aria-hidden="true" [config]="{backdrop: 'static'}">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    <span>{{l("{{Entity_Name_Here}}")}}</span>
                </h4>
                <button type="button" class="close" (click)="close()" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
				<div class="row">
					<div class="col-lg-12">
						<div class="m-stack m-stack--hor m-stack--general m-stack--demo">
							<div class="row">
								<div class="col-lg-6">
									{{Property_Looped_Template_Here}}
									{{NP_Looped_Template_Here}}
								</div>
								<div class="col-lg-6">
								</div>
							</div>
						</div>
					</div>
				</div>
            </div>
            <div class="modal-footer">
                <button [disabled]="saving" type="button" class="btn btn-primary blue" (click)="close()">{{l("Close")}}</button>
            </div>
        </div>
    </div>

</div>


1 Answer(s)
  • User Avatar
    0
    yekalkan created

    Create those files in"AspNetZeroRadTool\FileTemplates\Client\Angular\ViewEntityComponentHtmlTemplate" folder:

    MainTemplate.custom.txt :

    <div bsModal #createOrEditModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="createOrEditModal" aria-hidden="true" [config]="{backdrop: 'static'}">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">
                        <span>{{l("")}}</span>
                    </h4>
                    <button type="button" class="close" (click)="close()" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
    
                    <div class="row">
    {{Property_Looped_Template_Here}}
    {{NP_Looped_Template_Here}}
                    </div>
    
                </div>
                <div class="modal-footer">
                    <button [disabled]="saving" type="button" class="btn btn-primary blue" (click)="close()">{{l("Close")}}</button>
                </div>
            </div>
        </div>
    
    </div>
    
    

    PartialTemplates.custom.txt :

    {
    "propertyTemplates":[
    		{
    			"placeholder" : "{{Property_Looped_Template_Here}}",
    			"condition" : "{{Property_Listed_Here}} == true",
    			"templates" : [
    					{
    					"type" : "enum",
    					"content" : "                    <div class=\"col-6 mb-3\">
                            <h6>{{l(\"{{property_Name_Here}}\")}} :</h6>
                            {{l('Enum_{{Property_Type_Here}}' + {{property_Type_Here}}[item.{{entity_Name_Here}}.{{property_Name_Here}}])}}
                        </div>
    "
    					},
    					{
    					"type" : "default",
    					"content" : "                    <div class=\"col-6 mb-3\">
                            <h6>{{l(\"{{Property_Name_Here}}\")}} :</h6>
                            {{item.{{entity_Name_Here}}.{{property_Name_Here}}}}
                        </div>
    "
    					}
    				]
    		}
    	],
    "navigationPropertyTemplates":[
    		{
    			"placeholder" : "{{NP_Looped_Template_Here}}",
    			"templates" : [
    					{
    					"relation" : "single",
    					"content" : "                    <div class=\"col-6 mb-3\">
                            <h6>({{l(\"{{NP_Foreign_Entity_Name_Here}}\")}}) {{l(\"{{NP_Display_Property_Name_Here}}\")}} :</h6>
                            {{item.{{nP_Foreign_Entity_Name_Here}}{{NP_Display_Property_Name_Here}}{{NP_Duplication_Number_Here}}}}
                        </div>
    "
    					}
    				]
    		}
    	]
    }