CN110309495B - Method and system for adapting forms - Google Patents
Method and system for adapting forms Download PDFInfo
- Publication number
- CN110309495B CN110309495B CN201910506170.XA CN201910506170A CN110309495B CN 110309495 B CN110309495 B CN 110309495B CN 201910506170 A CN201910506170 A CN 201910506170A CN 110309495 B CN110309495 B CN 110309495B
- Authority
- CN
- China
- Prior art keywords
- page
- modality
- display
- frame
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The present disclosure provides a method of adapting a form, comprising: displaying a first page; receiving input on the first page for activating a first form, wherein the input is user activation of a control on the first page; and in response to receiving the input, displaying a first modality box comprising the first form on a display, wherein the first modality box is dynamically invoked and is the same as the width and/or height of the first page.
Description
Technical Field
The present disclosure relates to methods and systems for adapting forms.
Background
In a one-stop web development platform, there are typically a large number of forms editing and information browsing scenarios for mid-background products. When there is a strong dependency (i.e., subordinate) of such edits/information to their parent pages, a modal box is typically employed for presentation. Modal frames are typically used to do one or more tasks. For example, when your school is required to be selected in the first page, the schools are typically presented using a modal box because they are numerous and unsuitable to be placed directly in their parent page, and because they are not suitable to be designed as separate new pages from this parent page.
Disclosure of Invention
According to a first aspect of the present disclosure, there is provided a method of adapting a form, comprising: displaying a first page; receiving input on the first page for activating a first form, wherein the input is user activation of a control on the first page; and in response to receiving the input, displaying a first modality box comprising the first form on a display, wherein the first modality box is dynamically invoked and is the same as the width and/or height of the first page.
According to an embodiment of the present disclosure, the first modal bezel is pulled from an edge of the display to be displayed on the display.
According to another embodiment of the disclosure, when the edge is a left or right edge of the display, the first modal bezel is the same height as the first page and has a width less than or equal to the width of the first page; or when the edge is the top side or bottom side edge of the display, the first mode spring frame is the same as the width of the first page and the height of the first mode spring frame is smaller than or equal to the height of the first page.
According to a further embodiment of the present disclosure, in case the first modal box is different from the width or height of the first page, such a width difference or height difference is used to make room for display of a sidebar menu of the first page.
According to a further embodiment of the present disclosure, the portion of the first page not covered by the first modality frame is displayed in a different manner than the first modality frame.
According to a further embodiment of the present disclosure, the portion of the first page not covered by the first modality frame is displayed in gray, thereby showing that the first page is not currently interactable.
According to yet another embodiment of the present disclosure, after receiving an input on the first modality frame for activating a second form, a second modality frame including the second form is displayed on the display, the second modality frame having the first modality frame as its parent page.
According to yet another embodiment of the present disclosure, after receiving a confirmation input of the user on the first modality frame, the display of the first modality frame is canceled and the first page is returned and refreshed to reflect the editing of the first form on the first page.
According to yet another embodiment of the present disclosure, upon receiving a cancel or close input of the user on the first modality box, determining whether the user has edited the first form, and if the user has edited the first form, popping up a third box for the user to confirm whether to save the edits; and if the user does not edit the first form, directly returning to the first page.
According to a second aspect of the present disclosure, there is provided a system for adapting a form, comprising: a receiving component configured to receive an input on a first page for activating a first form; and a display component configured to display the first page and a first modality bezel comprising the first form on a display, wherein the first modality bezel is the same width and/or height as the first page.
According to an embodiment of the present disclosure, the first modal bezel is pulled from an edge of the display to be displayed on the display.
According to another embodiment of the disclosure, when the edge is a left or right edge of the display, the first modal bezel is the same height as the first page and has a width less than or equal to the width of the first page; or when the edge is the top side or bottom side edge of the display, the first mode spring frame is the same as the width of the first page and the height of the first mode spring frame is smaller than or equal to the height of the first page.
According to a further embodiment of the present disclosure, in case the first modal box is different from the width or height of the first page, such a width difference or height difference is used to make room for display of a sidebar menu of the first page.
According to a further embodiment of the present disclosure, the portion of the first page not covered by the first modality frame is displayed in a different manner than the first modality frame.
According to a further embodiment of the present disclosure, the portion of the first page not covered by the first modality frame is displayed in gray, thereby showing that the first page is not currently interactable.
According to a further embodiment of the disclosure, the receiving component is further configured to receive an input on the first modality bezel for activating a second form, and the display component is further configured to display a second modality bezel on the display including the second form in response to this input, the second modality bezel having the first modality bezel as its first page.
According to a further embodiment of the disclosure, the receiving component is further configured to, upon receiving a confirmation input of the user on the first modality frame, and the display component is further configured to cancel display of the first modality frame and return and refresh the first page in response to this input to reflect editing of the first form on the first page.
According to a further embodiment of the present disclosure, the system further comprises a determining component, the receiving component is further configured to receive a cancel or close input of the user on the first modality bezel, and the determining component is configured to determine whether the user has edited the first form in response to this input, and if the determining component determines that the user has edited the first form, the display component is further configured to pop up a third bezel for the user to confirm whether to save the editing; and if the determining component determines that the user has not edited the first form, the displaying component is further configured to return directly to the first page.
According to a third aspect of the present disclosure, there is provided a system for adapting a form, comprising: a processor; and
a memory arranged to store computer executable instructions which, when executed, cause the processor to perform a method according to the first aspect of the present disclosure.
Aspects generally include a method, apparatus, system, computer program product, and processing system substantially as described herein with reference to and as illustrated by the accompanying drawings.
The foregoing has outlined rather broadly the features and technical advantages of examples in accordance with the present disclosure in order that the detailed description that follows may be better understood. Additional features and advantages will be described hereinafter. The disclosed concepts and specific examples may be readily utilized as a basis for modifying or designing other structures for carrying out the same purposes of the present disclosure. Such equivalent constructions do not depart from the scope of the appended claims. The features of the concepts disclosed herein, both as to their organization and method of operation, together with associated advantages, will be better understood from the following description when considered in connection with the accompanying drawings. Each of the figures is provided for the purpose of illustration and description and is not intended to limit the claims.
Drawings
So that the manner in which the above recited features of the present disclosure can be understood in detail, a more particular description of the invention, briefly summarized above, may be had by reference to aspects, some of which are illustrated in the appended drawings. It is to be noted, however, that the appended drawings illustrate only certain typical aspects of this disclosure and are therefore not to be considered limiting of its scope, for the description may admit to other equally effective aspects. The same reference numbers in different drawings may identify the same or similar elements.
Fig. 1 is a flow chart illustrating an example method of adapting a form in accordance with aspects of the present disclosure.
Fig. 2 is a flow chart illustrating a further example method of adapting a form in accordance with aspects of the present disclosure.
Fig. 3 is a component block diagram illustrating an example system of adapting a form in accordance with aspects of the present disclosure.
Fig. 4 is a diagram illustrating another example system of adapting a form in accordance with aspects of the present disclosure.
Fig. 5-8 are example user interface screenshots illustrating aspects in accordance with the present disclosure.
Detailed Description
The conventional mode bullet frame has small capacity and can only bear less form items or information. When the amount of information to be carried is large, a transverse scroll bar and a longitudinal scroll bar can appear in the modal popup window, so that the available display space of a screen is not fully utilized, the reading and operation experience of a user is affected, and the efficiency is reduced. Embodiments of the present disclosure address, but are not limited to, these deficiencies, and improve upon methods and systems.
The detailed description set forth below in connection with fig. 1-5 is intended as a description of various configurations and is not intended to represent the only configurations in which the concepts described herein may be practiced. The detailed description includes specific details for the purpose of providing a thorough understanding of the various concepts. It will be apparent, however, to one skilled in the art that these concepts may be practiced without these specific details.
Examples of methods and systems for adapting forms according to aspects of the present disclosure are now illustrated with reference to fig. 1-8.
As shown in fig. 1, a flow chart of an example method 100 of adapting a form in accordance with aspects of the present disclosure is shown. At block 110, the method 100 includes displaying a first page. In an example, when a business is developed on a development platform, a first page associated with the business may be displayed. In this example, the first page has controls thereon for activation by the user to display the first form. For example, the display component 304 of fig. 3 may be configured to display a first page.
At block 120, the method 100 includes receiving an input on a first page for activating a first form. In an embodiment, the input is user activation of a control on the first page. In this embodiment, the first form is subordinate to the first page such that the first page is a parent page of the first form. For example, referring to FIG. 3, a component block diagram of an example adaptation form system 300 including a receiving component 302 and a display component 304 is illustrated in accordance with aspects of the present disclosure. In this example, the receiving component 302 may be configured to receive an input on the first page for activating the first form.
At block 130, the method 100 includes, in response to receiving the input, displaying a first modality box on a display that includes the first form, wherein the first modality box is dynamically invoked and is the same as a width and/or height of the first page. For example, the display component 304 of fig. 3 may be configured to display a first modality frame including the first form on a display.
In one embodiment, the first modality bezel is pulled from an edge of the display to be displayed on the display. In this embodiment, the first modality bezel may be pulled out of the top, bottom, left or right side edges of the display like a "drawer" for display on the display. For example, referring to fig. 3, the display component 304 may be configured to cause the first modal bezel to be pulled from an edge of a display to be displayed on the display.
In a further embodiment, when the first modality bezel is pulled out from the left or right side edge of the display, the first modality bezel is the same height as the first page and has a width less than or equal to the width of the first page; when the first mode spring frame is pulled out from the top side or the bottom side of the display, the width of the first mode spring frame is the same as that of the first page, and the height of the first mode spring frame is smaller than or equal to that of the first page.
In addition, in a further embodiment, in the case where the first modal box is different from the width or height of the first page, such a difference in width or height is used to make room for a side rail menu (such as a left rail menu, a right rail menu, a top rail menu, a bottom rail menu, etc.) of the first page.
In yet another embodiment, a portion of the first page not covered by the first modality frame is displayed in a different manner than the first modality frame. For example, the portion of the first page not covered by the first modality frame may be displayed in gray, thereby showing that the first page is not currently interactable.
Fig. 2 illustrates a flow chart of a further example method 200 of adapting a form in accordance with aspects of the present disclosure.
As shown in fig. 2, the method 200 may include receiving input at a first modality bullet box at block 210. When the input is an input for activating a second form, the method 200 includes displaying a second modality bullet box including the second form on a display at block 220. In an embodiment, the second-mode frame takes the first-mode frame as a parent page.
When the input is a confirmation input, the method 200 may include, at block 230, canceling the display of the first modality bullet box and returning and refreshing the first page to reflect the editing of the first form on the first page. For example, referring to FIG. 3, after receiving component 302 receives a confirmation input of the user on the first modality frame, display component 304 cancels the display of the first modality frame and returns and refreshes the first page to reflect the editing of the first form on the first page.
When the input is a cancel or close input, the method 200 may further include determining whether the first form has been edited by the user at block 240. If the user has made an edit to the first form, the method 200 may include popping up a third bullet box for the user to confirm whether the edit is saved at block 250. If the user has not edited the first form, method 200 may include returning directly to the first page at block 260. For example, referring to fig. 3, the adaptation form system 300 may also optionally include a determination component 306. In this example, upon receiving a cancel or close input by the user on the first modality frame by the receiving component 302, the determining component 306 can determine whether the user has edited the first form, and if the user has edited the first form, the display component 304 can pop up a third frame for the user to confirm whether to save the editing, and if the user has not edited the first form, the display component 304 can return directly to displaying the first page.
Fig. 4 is a schematic diagram illustrating an example adaptation form system 400 in accordance with aspects of the present disclosure. As shown, the adaptation form system 400 includes a processor 405 and a memory 410. Memory 410 stores computer-executable instructions executable by processor 405 to implement the methods and processes described above in connection with fig. 1, 2, and 3.
One embodiment of the present disclosure is illustrated in more detail below in conjunction with fig. 5-8. Fig. 5 shows a screenshot 500 at a first page 501. As shown in fig. 5, which illustrates by way of example a first page 501 when developing a "sesame credit" related service on a development platform. As shown in the first page 501, the "development phase" and "testing phase" have completed and are now in the "prefire phase". In this example, application configuration information needs to be filled in the first release, as prompted by control 502. To do so, the user may click on the "fill application configuration information" control 502 on the first page 501 to cause the first form to be ejected (as shown in FIG. 6).
Fig. 6 shows a user interface screenshot 600 after receiving the above-described input from a user. As can be seen in fig. 6, upon receiving input from the user clicking on the "fill in application configuration information" control 502, a first modality box 616 comprising the first form 611 is popped up and displayed on the display, and the height of the first modality box 616 is the same as the height of the first page 501. This enables the first modality bullet box 616 to more fully utilize the available display area of the display, facilitating the user's reading and operating experience.
In some embodiments, the first modality box 616 opens a float layer on the first page 501 to carry the corresponding operation, and it may allow the user to operate on the box while preventing the page from jumping to interrupt the operation flow. As such, before the user completes the operation in the first modality box 616, the user's operation (such as a mouse click, etc.) in an area outside the box will be invalid.
In an alternative embodiment, if the user has not completed the operation in the first modality box 616 and has made an operation outside of the box (e.g., clicked on the first page 501, etc.), a prompt may be displayed to the user, such as "please complete the operation in the first modality box 616 first," etc. In an alternative embodiment, this prompt requires the user to take a close action to close in order to continue operating the first modality box 616. In another alternative embodiment, this prompt may be displayed and then progressively automatically disappeared as the user makes an operation outside of the box, so that the user need not take an action to cancel the prompt.
Additionally, it will be appreciated that in the example of fig. 6, the first modality bezel 616 is pulled out from the right side edge of the display and extends out to the left. In this example, the first modality bezel 616 may be pulled out from the right side edge of the display and extend further to the left as a "drawer" to be displayed on the display. Furthermore, the first modality bullet box 616 shown in fig. 6 does not extend the left side of the display to completely cover the first page 501, but leaves a certain display area to make room for display of the sidebar menu (such as "iterate", "tile") of the first page 501. As can be seen, in the example of fig. 6, the difference in width of the first modality bullet box 616 from the first page 601 (grey portion in fig. 6) is used to make room for display for the sidebar menu (such as "iterate", "tile", etc.) of the first page 501. In this embodiment, the sidebar menus of the first page 501 are for showing portions of information associated with the first modality box 616, rather than being clicked on by the user for relevant operations.
Further, those skilled in the art will appreciate that in alternative embodiments, the first modality bezel 616 may alternatively be pulled out from the top, bottom, left side edges of the display and extend accordingly. In these alternative embodiments, the first modality bullet box 616 may also completely or partially cover the first page 501.
For example, as described above, the first modality spring box 616 shown in fig. 6 is the same height as the first page 501 and has a width smaller than the width of the first page 501. In another example, the width of the first modality bezel 616 may be the same as the width of the first page 501. In addition, as will be appreciated by those skilled in the art, when the first modal bezel 616 is pulled from the top or bottom side edge of the display, the first modal bezel 616 may be the same width as the first page 501 and may have a height less than or equal to the height of the first page 501.
In another example, after the user clicks on a control such as button 617, text link 615, or the like on a first modality box 616 for activating a second form, a second modality box including the second form may be displayed on the display, with the second modality box having the first modality box 616 as its parent page. For example, the second modality box may be overlaid on top of the first modality box 616 in the same manner that the first modality box 616 is overlaid on top of the first page 501 (i.e., in the manner described above), thereby displaying the page 501, the first modality box 616, and the second modality box in a stacked manner.
In another example, when the user clicks on a control, such as button 617, on the first modality bezel 616, the first modality bezel 616 may instead completely cover the first page 501, and the second modality bezel may again be overlaid on top of the first modality bezel 616 in the same manner that the first modality bezel 616 was previously overlaid on top of the first page 501.
For example, FIG. 7 shows that after the user clicks on the button control "view quality report" 617 in the first modality bullet box 616, the second modality bullet box 701 is overlaid over the first modality bullet box 616. In the example of fig. 7, the second modality bezel 701 is also pulled out from the right side edge of the display and extends out to the left. Also, the second modality frame 701 shown in fig. 7 does not extend to the left of the display to completely cover the first modality frame 616, but leaves a certain display area to make a certain display space for the left portion of the first modality frame 616. In this embodiment, the displayed first modality box 616 portion (i.e., the gray portion) is used to show the page associated with the second modality box 701 (i.e., the first modality box 616), rather than being clicked on by the user for related operations.
Furthermore, it can be seen from fig. 7 that the first page 501 has been completely covered and is thus not visible in fig. 7. In alternative embodiments, the first page 501 may not be completely covered, but may be partially covered by the first modality box 616 as shown in fig. 6, so that the first page 501, the first modality box 616, and the second modality box 701 may form a "stepped" layout.
Those skilled in the art will also appreciate that there may be any number of modal frames to be stacked together in the manner described above or in any other alternative. For example, a corresponding control may also be present on the second modality box 701, and clicking on this control by the user may evoke a third modality box, and so on.
In another example, when the user completes the operation in the first modality bullet box 616 and clicks the "submit approval" button 614 (i.e., confirm input), the display of the first modality bullet box 616 is canceled and the first page 501 is returned and refreshed to reflect the editing of the first form 611, such as the setting of the application configuration, on the first page 501. In this example, when the user clicks on the "cancel" button 613 or the "close" button 612 (i.e., cancel or close input) on the first modality bullet box 616, it may be determined whether the user has edited the first form 611. If the user makes an edit to the first form 611, a third box (not shown in the figures) pops up for the user to confirm whether the edit is saved. In some embodiments, the third frame may be a conventional modal frame or a modal frame according to aspects of the present disclosure. However, if the user does not make an edit to the first form 611, the display of the first modality bullet box 616 is canceled and returned directly to the first page 501. In an alternative embodiment, when the user clicks on the "cancel" button 613 or the "close" button 612 (i.e., cancel or close input) on the first modality box 616, the user's edits made to the first form 611 may be saved by default and returned to the first page 501 without invoking the third box.
In yet another alternative embodiment, in the interface shown in fig. 6, a user click on the first page 501 (e.g., a click on the gray portion on the left side in fig. 5) would be considered a confirmation or cancel operation on the first modality box 616 (i.e., equivalent to the user clicking on the "submit approval" button 614 or the "cancel" button 613 or the "close" button 612).
Fig. 8 shows a screenshot of the first page 501 after the user has completed the operation in the first modality bullet box 616 and clicked on the "submit approval" button 614. It can be seen that as a result of editing the first form 611, the "fill application configuration information" control 502 has disappeared in the first page 501 and the "complete prefire" control 503 has been enabled.
The above detailed description includes references to the accompanying drawings, which form a part of the detailed description. The drawings illustrate specific embodiments that can be practiced by way of illustration. These embodiments are also referred to herein as "examples". Such examples may include elements other than those shown or described. However, examples including the elements shown or described are also contemplated. Moreover, it is also contemplated that examples using any combination or permutation of those elements shown or described, or with reference to specific examples (or one or more aspects thereof) shown or described herein, or with reference to other examples (or one or more aspects thereof) shown or described herein.
In the appended claims, the terms "including" and "comprising" are open-ended, i.e., a system, apparatus, article, or process of claim that is defined to be within the scope of the claim, except for those elements recited after such term. Furthermore, in the appended claims, the terms "first," "second," and "third," etc. are used merely as labels, and are not intended to indicate the numerical order of their objects.
In addition, the order of the operations illustrated in the present specification is exemplary. In alternative embodiments, the operations may be performed in a different order than shown in FIGS. 1-2, and the operations may be combined into a single operation or split into more operations.
The above description is intended to be illustrative, and not restrictive. For example, the examples described above (or one or more aspects thereof) may be used in connection with other embodiments. Other embodiments may be used, such as by one of ordinary skill in the art after reviewing the above description. The abstract allows the reader to quickly ascertain the nature of the technical disclosure. This Abstract is submitted with the understanding that it will not be used to interpret or limit the scope or meaning of the claims. Furthermore, in the above detailed description, various features may be grouped together to streamline the disclosure. However, the claims may not state every feature disclosed herein, as embodiments may characterize a subset of the features. Further, embodiments may include fewer features than are disclosed in the specific examples. Thus the following claims are hereby incorporated into the detailed description, with one claim standing on its own as a separate embodiment. The scope of the embodiments disclosed herein should be determined with reference to the appended claims, along with the full range of equivalents to which such claims are entitled.
Claims (17)
1. A method of adapting a form, comprising:
displaying a first page;
receiving input on the first page for activating a first form, wherein the input is user activation of a control on the first page; and
in response to receiving the input, a first modal box including the first form is displayed on a display, wherein the first modal box is dynamically evoked and is the same width or height as the first page, the first modal box pulled from an edge of the display to be displayed on the display.
2. The method of claim 1, wherein when the edge is a left or right edge of a display, the first modal bezel is the same height as the first page and has a width less than or equal to a width of the first page; or when the edge is the top side or bottom side edge of the display, the first mode spring frame is the same as the width of the first page and the height of the first mode spring frame is smaller than or equal to the height of the first page.
3. The method of claim 2, wherein in the event that the first modal box is different from the width or height of the first page, such a difference in width or height is used to make room for display for a sidebar menu of the first page.
4. A method as recited in claim 3, wherein a portion of the first page not covered by the first modality frame is displayed in a different manner than the first modality frame.
5. The method of claim 4, wherein the portion of the first page not covered by the first modality frame is displayed in gray, thereby showing that the first page is not currently interactable.
6. The method of claim 1, wherein after receiving an input on the first modality frame to activate a second form, displaying a second modality frame including the second form on the display, the second modality frame having the first modality frame as its parent page.
7. The method of claim 1, wherein after receiving a confirmation input from the user on the first modality frame, canceling the display of the first modality frame and returning and refreshing the first page to reflect the editing of the first form on the first page.
8. The method of claim 1, wherein upon receiving a cancel or close input from the user on the first modality frame, determining whether the user has edited the first form, and
if the user makes an edit to the first form, a third bullet box is popped up for the user to confirm whether the edit is saved; and
and if the user does not edit the first form, directly returning to the first page.
9. A system for adapting forms, comprising:
a receiving component configured to receive an input on a first page for activating a first form; and
a display component configured to display the first page and a first modality bezel comprising the first form on a display, wherein the first modality bezel is the same width or height as the first page, the first modality bezel being pulled from an edge of the display to be displayed on the display.
10. The system of claim 9, wherein when the edge is a left or right edge of a display, the first modal bezel is the same height as the first page and has a width less than or equal to a width of the first page; or when the edge is the top side or bottom side edge of the display, the first mode spring frame is the same as the width of the first page and the height of the first mode spring frame is smaller than or equal to the height of the first page.
11. The system of claim 10, wherein in the event that the first modal box is different from the width or height of the first page, such a difference in width or height is used to make room for display for a sidebar menu of the first page.
12. The system of claim 11, wherein a portion of the first page not covered by the first modality frame is displayed in a different manner than the first modality frame.
13. The system of claim 12, wherein the portion of the first page not covered by the first modality frame is displayed in gray, thereby showing that the first page is not currently interactable.
14. The system of claim 9, wherein the receiving component is further configured to receive an input on the first modal box for activating a second form, and the display component is further configured to display a second modal box on the display including the second form in response to this input, the second modal box having the first modal box as its first page.
15. The system of claim 9, wherein the receiving component is further configured to, upon receipt of a confirmation input on the first modality frame, and the display component is further configured to cancel display of the first modality frame and return and refresh the first page to reflect editing of the first form on the first page in response to such input.
16. The system of claim 9, further comprising a determination component further configured to receive a cancel or close input on the first modality bezel, and the determination component is configured to determine whether the user has edited the first form in response to such input, and
if the determining component determines that the user makes an edit to the first form, the display component is further configured to pop up a third box for the user to confirm whether to save the edit; and
the display component is further configured to return directly to the first page if the determination component determines that the user has not edited the first form.
17. A system for adapting forms, comprising:
a processor; and
a memory arranged to store computer executable instructions which, when executed, cause the processor to perform the method of any of claims 1-8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910506170.XA CN110309495B (en) | 2019-06-12 | 2019-06-12 | Method and system for adapting forms |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910506170.XA CN110309495B (en) | 2019-06-12 | 2019-06-12 | Method and system for adapting forms |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110309495A CN110309495A (en) | 2019-10-08 |
| CN110309495B true CN110309495B (en) | 2023-08-25 |
Family
ID=68076476
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910506170.XA Active CN110309495B (en) | 2019-06-12 | 2019-06-12 | Method and system for adapting forms |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110309495B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112181267B (en) * | 2020-09-11 | 2022-05-06 | 杭州未名信科科技有限公司 | Window interface interaction method and system |
| CN112540803B (en) * | 2020-12-18 | 2023-08-11 | 深圳赛安特技术服务有限公司 | Form design adaptation method, device, equipment and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105573765A (en) * | 2015-12-29 | 2016-05-11 | 武汉传神信息技术有限公司 | Implementation method for dynamic form, client and server |
| CN109002292A (en) * | 2018-06-11 | 2018-12-14 | 广州环通信息技术有限公司 | A kind of bullet frame realization method and system based on webpage ejection layer |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9081471B2 (en) * | 2008-09-19 | 2015-07-14 | Oracle International Corporation | Providing modal window views for widgets on web pages |
-
2019
- 2019-06-12 CN CN201910506170.XA patent/CN110309495B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105573765A (en) * | 2015-12-29 | 2016-05-11 | 武汉传神信息技术有限公司 | Implementation method for dynamic form, client and server |
| CN109002292A (en) * | 2018-06-11 | 2018-12-14 | 广州环通信息技术有限公司 | A kind of bullet frame realization method and system based on webpage ejection layer |
Non-Patent Citations (1)
| Title |
|---|
| 基于组件的工作流表单权限的柔性建模;殷旭等;《北京信息科技大学学报(自然科学版)》;20121215(第06期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110309495A (en) | 2019-10-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8131591B2 (en) | Updating contents of asynchronously refreshable webpages | |
| US8527939B2 (en) | GUI modeling of knowledge base in a modeling environment | |
| US7721225B2 (en) | System and method for creating and presenting modal dialog boxes in server-side component web applications | |
| CN105354014B (en) | Application interface renders methods of exhibiting and device | |
| US7793226B2 (en) | Method and system for grouping and stacking tab user interface objects with icon status indicators | |
| US8522247B2 (en) | System and method for indicating usage of system resources using taskbar graphics | |
| US20100161713A1 (en) | Method and system for personalizing a desktop widget | |
| US20060161672A1 (en) | System and method for improved interportlet communications | |
| CN110309495B (en) | Method and system for adapting forms | |
| US20130138544A1 (en) | System and method for creating financial tools | |
| CN104915101A (en) | Method and apparatus for displaying pop-up | |
| EP1756734A1 (en) | System and method for generating a web control in a windows development environment | |
| CN111459503B (en) | Web front-end project deployment method, device, server and storage medium | |
| US10175959B2 (en) | Generation of user interfaces by considering field importance and using smart controls and layouts | |
| Garrido et al. | Improving accessibility of Web interfaces: refactoring to the rescue | |
| US20060225091A1 (en) | Customizing and personalizing views in content aggregation frameworks | |
| CN111782106B (en) | Method and device for displaying page menu bar, electronic equipment and readable medium | |
| CN109740041B (en) | Webpage crawling method and device, storage medium and computer equipment | |
| CN103530105A (en) | Information processing apparatus, information processing method, and program | |
| CN105739717B (en) | Data inputting method and device | |
| CN112346610A (en) | Implementation method of multi-level selectable option selection component, electronic device and storage medium | |
| US20090300494A1 (en) | User assistance panel | |
| US20080016437A1 (en) | Method and System for Modifying and Presenting Document Data | |
| CN105824606A (en) | Scroll input method and terminal | |
| CN109426499A (en) | A kind of web page extending method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20200921 Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Applicant after: Innovative advanced technology Co.,Ltd. Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Applicant before: Advanced innovation technology Co.,Ltd. Effective date of registration: 20200921 Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Applicant after: Advanced innovation technology Co.,Ltd. Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands Applicant before: Alibaba Group Holding Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |