Visual Builder

Get Involved. Join the Conversation.

Posts

  • Nagambika Anguraj
    How to implement pagination for <oj-table> which uses...
    Topic posted 3:53 AM by Nagambika Anguraj, tagged Custom Code, JET, Style, UI, Web 
    Title:
    How to implement pagination for <oj-table> which uses Service Data Provider(SDP).
    Summary:
    How to implement pagination inside the <oj-table> and <oj-paging-control> using Service Data Provider(SDP) instead of Array Data Provider(ADP).
    Content:

    Used <oj-paging-control> within <oj-table> tag.

    The <oj-table> renders results from Service Data Provider.

    But as per mentioned in the JET Cookbook, the <oj-table> as well as the <oj-paging-control>  uses the Array Data Provider.

    In our application we use the following table with SDP:

    <oj-table id="oj-table-lov" class="oj-flex-item" data="[[$page.variables.listOfValuesBOListSDP]]" >    
        <oj-paging-control id="paging" data="[[$page.variables.listOfValuesBOListSDP]]" page-size="10" slot="bottom">
        </oj-paging-control>
      </oj-table>

    The usage of the above OJET code within the application gives the following error in the console:

    Uncaught (in promise) Error: oj-paging-control with id 'paging': Error while rendering component. TypeError: data.getPage is not a function
        at Object.throwError (ojcorebundle.js:6683)
        at createComponentCallback (ojcorebundle.js:6555)

    Please let me know how to implement Pagination using Service Data Provider(SDP)  instead of Array Data Provider(ADP).

    Version:
    1.0
    Code Snippet:
  • Preetesh Dongre
    Screen flickering issue2
    Topic posted 12:45 AM by Preetesh DongreBlue Ribbon: 750+ Points, tagged Action Flows, JET, Style, UI, Web 
    Title:
    Screen flickering issue
    Summary:
    Screen flickers after an event
    Content:

    Hello Experts,

    I have a table(based on ADP) which has events associated with columns values and in the event I am doing some computation, setting enable/disable property for other columns and then assigning the values back to ADP so as to reflect changes on the UI.

    Everything works fine except one issue, every time event happens table flickers to show the updated table, it's annoying for the users as I have event on almost all the columns.

    Is there a way I can avoid screen flickers?

    Regards,

    Preetesh

  • Shakila Murugan
    How to add decimal converter for oj-input text in VBCS?2
    Topic posted Yesterday by Shakila MuruganBronze Medal: 1,250+ Points, tagged Custom Code, JET, UI, Validation, Web 
    Title:
    How to add decimal converter for oj-input text in VBCS?
    Content:

    Hi all,

    I need comma separator in input text field i.e (48,987,987). I have tried below code in VBCS page but it shows error

    converter="{{ $page.functions.numericConverter($variables.Number) }}"

    JS: 
    PageModule.prototype.numericConverters= function(){
       var converter = new NumberConverter.IntlNumberConverter({
              maximumFractionDigits: 0,
              minimumFractionDigits: 0,
              minimumIntegerDigits: 2,
              style: 'decimal',
              useGrouping: true
            });
          };

    Regards

    Shakila Murugan

     

    Version:
    19.1.3
  • Mohamed Ibrahim
    Select one LOV return Limited number of result1
    Topic posted December 6, 2019 by Mohamed Ibrahim, tagged Layout, REST, UI 
    Title:
    Select one LOV return Limited number of result
    Summary:
    I have a list of value that get thousands of data from SaaS but only 15 values appear how to get popup search to get limited by my search criteria
    Content:

    I have a list of value that get thousands of data from SaaS but only 15 values appear how to get popup search to get limited by my search criteria.

  • Sweta Singh
    Images imported in appn are reflecting in Chrome but not in...3
    Topic posted December 6, 2019 by Sweta SinghRed Ribbon: 250+ Points, tagged UI 
    Title:
    Images imported in appn are reflecting in Chrome but not in Edge and IE11 browser
    Summary:
    Images imported in appn are reflecting in Chrome but not in Edge and IE11 browser
    Content:

    Hi,

    I have imported few images in our application and referenced those in our pages.

    They are rendering fine in Chrome but not in Edge and IE11.

    On checking Source tab in Browser Console, I found that in chrome the images folder has come up but not in Edge or IE11. PFA the screenshot for reference.

    Could you please help us here.

    Thanks,

    Sweta

    Version:
    19.3.1.4
    Image:
    Code Snippet:
  • Rahul L
    Capture values in comma separated, selected from Select...1
    Topic posted December 5, 2019 by Rahul LGreen Ribbon: 100+ Points, tagged Composite Component, Custom Code, Database, JET, Layout, Style, UI, Validation 
    Title:
    Capture values in comma separated, selected from Select Many Component
    Content:
    Hi, I am using a Select Many Component to select multiple values from LOV listed from Rest. Now i wanted to store the selected values in custom table with comma separated values. Can someone please help me with this. Thanks Rahul
  • Stiven Oliveira Bezerra
    Action Take Picture
    Topic posted December 2, 2019 by Stiven Oliveira BezerraBlue Ribbon: 750+ Points, tagged Action Flows, Mobile, Style, UI 
    Title:
    Action Take Picture
    Content:

    Hi, 

    I'm using the Action to Take a Photo, but when i use the mobile, i just want take a photo with camera, i don't want browse on gallery the photo. Its possible deactivate the browse on gallery photo?

     

    Thanks

  • Silambarasan Sampath
    VBCS : ExpandAll , Mark All, Read All data of EDITABLE...1
    Topic posted December 2, 2019 by Silambarasan Sampath, tagged REST, UI 
    Title:
    VBCS : ExpandAll , Mark All, Read All data of EDITABLE treetable issue
    Summary:
    VBCS : ExpandAll , Mark All, Read All data of EDITABLE treetable issue
    Content:

    I have created a EDITABLE treeTable based on the below link.
    https://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=rowExpander&demo=tableCollectionRowExpander

    Here I am not able to do below actions. Please help on this by sharing a sample VBCS application with the below functionalities.

    1. Read all the data on some button action. Example: On click of Save, I need to read all the rows with newly entered/updated data and save it to DB.
    2. By default, the TreeTable has to be in ALL expanded state. Expand ALL option for this TreeTable based on Collections.
    3. In the header section of the treeTable, I will keep a MarkAll checkBox. which needs to mark all the checkboxes present in all the rows shown in the treeTable.

    Version:
    19.3.1.4
    Image:
    Code Snippet:
  • Nagesh Manda
    VBCS Application for a Jewellery retailer
    Topic posted December 2, 2019 by Nagesh MandaGold Medal: 3,500+ Points, tagged JET, Layout, Style, UI, Web 
    Title:
    VBCS Application for a Jewellery retailer
    Content:

    Hi All,

    I am in the process of designing an VBCS application to enable customers buy jewellery items and looking for some guidance around designing the UI's.

    Could you kindly let me know if there are sample applications available or design principles which i can reuse or adopt.

    Thanks,

    Nagesh.

  • Sumana Bhattacharjee
    Resize overall table width7
    Topic posted November 29, 2019 by Sumana BhattacharjeeRed Ribbon: 250+ Points, tagged UI 
    Title:
    Resize overall table width
    Summary:
    Need to reduce the overall table width
    Content:

    Not able to reduce table width by decreasing the style:width=*** parameter. It remains the same even after changing the value. Any idea how to achieve this?

    Version:
    19.3.1.4