|
|
| Line 14: |
Line 14: |
|
| |
|
| <div style="border: 2px solid black; padding: 20px; text-align: justify;"> | | <div style="border: 2px solid black; padding: 20px; text-align: justify;"> |
| ==Edit Module==
| |
| You can modify your project by accessing Edit Modules. In this step, the user can modify or add modules based on the selected Solution to fit the business needs or requirements.
| |
|
| |
| [[File:Functions.png|center|300px|link=https://wiki.xamun.com/images/a/a7/Functions.png]]
| |
| <span style="padding-left:300px;">[[:File:Functions.png|View Image Source]]</span>
| |
|
| |
| [[File:NewEdit.png|center|750px|link=https://wiki.xamun.com/images/0/07/NewEdit.png]] <span style="padding-left: 100px;">[[:File:NewEdit.png|View Image Source]]</span>
| |
|
| |
| {| class="wikitable mw-collapsible" style="width:100%";
| |
| ! style="border: 2px solid black;"| Feature
| |
| ! style="border: 2px solid black;"| Description
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Add (+) button || style="border: 2px solid black; background-color: white;" | • Found on the upper left corner of the Module list. <br> • If clicked, it will show a popup to choose beTween '''ADD NEW MODULE FROM LIBRARY''' or '''ADD BLANK MODULE''' page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Arrow Up/Down Icon beside the module || style="border: 2px solid black; background-color: white;" | • If arrow up is clicked, it will list down all the pages of the selected module. <br> • If arrow down is clicked, it will hide all the pages of the selected module.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Module Setting (Gear Icon) || style="border: 2px solid black; background-color: white;" | • If clicked, it will show the two kinds of adding the page, namely: '''Add page from library''', '''Add blank page'''.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Clickable Page Name || style="border: 2px solid black; background-color: white;" | • If clicked, it will display the page preview.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Switch / Toggle Button || style="border: 2px solid black; background-color: white;" | • Found on the left side of the page name. <br> • If clicked, it will Toggle button to remove or add page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Right Arrow beside the page name || style="border: 2px solid black; background-color: white;" | • If clicked, it will show '''DESIGN PREVIEW''' page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Proceed || style="border: 2px solid black; background-color: #white;" | • If clicked and validations passed, it will redirect to the next step. <br> • If validations fail, an error message must be displayed.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Menu Icon || style="border: 2px solid black; background-color: #white;" | • Found on the most upper right corner of the page beside '''PROCEED''' button. <br> • If clicked, it will show the '''SOLUTION INFORMATION''' page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Web/Mobile Toggle || style="border: 2px solid black; background-color: white;" | • If web toggle is clicked, it will show the web view. <br> • If mobile toggle is clicked, it will show the mobile view.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Arrow Navigator (left and right) || style="border: 2px solid black; background-color: white;" | • It will be shown if the selected module has multiple pages. <br> • If left arrow is clicked, it will navigate to the next page. <br> • If right arrow is clicked, it will navigate to the previous page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Write Note || style="border: 2px solid black; background-color: white;" | • If clicked, it will open the Note popup page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Edit Note || style="border: 2px solid black; background-color: white;" | • If clicked, it will open the Note popup page with the previously saved information.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Add Page from library || style="border: 2px solid black; background-color: white;" | • If clicked, it will redirect to ADD PAGE. <br> • See PERSONALIZE MODULE section > ADD PAGE VIEW for more details. <br> • Inside Gear Icon (Module Settings).
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Add blank page || style="border: 2px solid black; background-color: white;" | • If clicked, the screen will show a blank page. <br> • Inside Gear Icon (Module Settings).
| |
| |}
| |
|
| |
| ====Edit Page Functions====
| |
|
| |
| [[File:PageFunction.png|center|750px|link=https://wiki.xamun.com/images/e/e5/PageFunction.png]] <span style="padding-left: 100px;">[[:File:PageFunction.png|View Image Source]]</span>
| |
|
| |
| {| class="wikitable mw-collapsible" style="width:100%";
| |
| ! style="border: 2px solid black;" |Feature
| |
| ! style="border: 2px solid black;" | Description
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Other Specs || style="border: 2px solid black; background-color: white;" | • You can edit or add functional details to the page you're working on, including third-party APIs, logic, and computations.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Apply changes|| style="border: 2px solid black; background-color: white;" | • If clicked, it will apply all the changes made, if there are any, and redirect to the FINALIZE step. <br> • If clicked and nothing was updated, no changes must be saved and will redirect to the FINALIZE step.
| |
| |}
| |
| </div><br>
| |
|
| |
| <div style="border: 2px solid black; padding: 20px; text-align: justify;">
| |
|
| |
| ==Build Studio Dashboard== | | ==Build Studio Dashboard== |
| This is the page where the Developer can start the development. | | This is the page where the Developer can start the development. |
