Customized user interface templatization
A system and method for application templatization that receives, via a template adapter, selection of a template for customization of content display for an application. Selections of template configuration options are received for the selected template. The selected template and template configuration options are stored with a template identifier for the application. A network call is received to fetch content for the application upon launch of an instance of the application at a user device. The network call includes the template identifier. In response to receiving the network call, content for the application is fetched and the template is retrieved using the template identifier. The fetched content is mapped to sections of the stored template using the stored template configuration options and the mapped application content is rendered for display on a user interface device.
1 . A system comprising: a processor; a memory communicatively coupled to the processor, the memory storing an application; and
a computer readable medium storing instructions that are operative upon execution by the processor, to: receive a selection of a template from a plurality of templates for the application from a client device in a tenant environment, wherein the template includes template parameters for content rendering and a template identifier; store the selected template for the application in the memory; transmit the selected template to the client device for rendering content of the application, wherein an application interface for the application on the client device is refreshed upon the template selection, and wherein the selected template is cached on the client device; receive a network call for application content upon launch of an instance of the application executing on a user device within the tenant environment, the network call including the template identifier; and transmit the application content to the user device for rendering according to the selected template based on the template identifier,
wherein the template parameters include a number of tabs, a number of sections, a number of content types, and a scroll direction for each content type of the number of content types, wherein the selected template stored in the memory is stored in database tables and the content rendering for the application occurs at runtime based on dynamic data from the database tables using the template identifier.
2 . The system of claim 1 , wherein the template parameters include instructions for mapping the application content to user interface elements via content holders.
3 . The system of claim 2 , wherein the content holders include at least one of a vertical video content holder, a horizontal video content holder, a vertical image content holder, a horizontal image content holder, a vertical text content holder, a horizontal text content holder, and an actions content holder.
4 . The system of claim 2 , wherein an individual content holder is associated with a single content data type.
5 . The system of claim 1 , wherein the instructions are operative upon execution by the processor, to store, in the memory, a customizable template for providing customized template configuration for the application.
6 . The system of claim 1 , wherein receiving the selection of the template further comprises receiving a layout templatization selection or a customizable templatization selection.
7 . The system of claim 6 , wherein the layout templatization selection includes configuration selections for data representation within a predefined template.
8 . The system of claim 6 , wherein the customizable templatization selection includes configuration selections for content types, template elements, and data representation.
9 . A system comprising: a processor; a memory communicatively coupled to the processor, the memory storing a template adapter; and the template adapter executed by the processor, to: receive a selected template for an application hosted at a cloud server, the selected template including a template identifier and template parameters; store the selected template in the memory; responsive to receiving a request to launch an instance of the application, initiate a call to obtain application content from the cloud server; map the application content obtained to sections of the selected template stored in the memory based on the template parameters; and render the mapped application content according to the selected template on a user interface display,
wherein the template parameters include a number of tabs, a number of sections, a number of content types, and a scroll direction for each content type of the number of content types, wherein the selected template stored in the memory is stored in database tables and the content rendering for the application occurs at runtime based on dynamic data from the database tables using the template identifier.
10 . The system of claim 9 , the template adapter further executed by the processor to: initiate the call to obtain the application content via content holders of the application interface.
11 . The system of claim 10 , wherein each of the content holder is associated with an individual content type, and wherein the content holders fetch data by content type.
12 . The system of claim 10 , wherein the content holders include at least one of a vertical video content holder, a horizontal video content holder, a vertical image content holder, a horizontal image content holder, a vertical text content holder, a horizontal text content holder, and an actions content holder.
13 . A computer-implemented method comprising:
receiving, via a templatization service, selection of a template for customization of content display for an application; receiving selections of template configuration options for the selected template; storing the selected template and template configuration options with a template identifier for the application; receiving a network call to fetch content for the application upon launch of an instance of the application at a user device, the network call including the template identifier; responsive to receiving the network call, fetching the content for the application; responsive to receiving the network call, retrieving the stored template using the template identifier; mapping the fetched content to sections of the stored template using the stored template configuration options; and rendering the mapped application content for display at the user device,
wherein the template parameters include a number of tabs, a number of sections, a number of content types, and a scroll direction for each content type of the number of content types, wherein the selected template stored in the memory is stored in database tables and the content rendering for the application occurs at runtime based on dynamic data from the database tables using the template identifier.
14 . The method of claim 13 , wherein receiving the selection of the template further comprises: receiving a layout templatization selection or receiving a customizable templatization selection.
15 . The method of claim 13 , wherein the template configuration options are selected from a list consisting of: a number of tabs, a direction of content scrolling, a number of sections, content type selections, action type selections, and container placement selections.
16 . The method of claim 13 , wherein the selected template and template configuration options with the template identifier is cached at a local client-side database.
17 . The method of claim 13 , wherein fetching the content for the application further comprises: using content holders to fetch the content, each individual content holder of the content holders associated with a single content data type.