Visual Builder

Get Involved. Join the Conversation.

Posts

  • Lanke Dibora
    How to add parameters to Call Component Method2
    Topic posted 2:25 AM by Lanke DiboraBronze Medal: 1,250+ Points 
    Title:
    How to add parameters to Call Component Method
    Summary:
    How to add parameters to Call Component Method
    Content:

    Hi ,

     

    I want to use Call Component Method, and I'm trying to pass parameters to that Please let me know what rae the types of parameters to cal and use of it.

    I want to blur the Input field on load.

     

     

    Thanks,

    Dibora

    Version:
    19.3.1.4
  • Rahul L
    Wrapping of Header Label in oj-table
    Topic posted 12:51 AM by Rahul LGreen Ribbon: 100+ Points, tagged JET, Layout, Style, UI 
    Title:
    Wrapping of Header Label in oj-table
    Summary:
    Wrap the label in the headertext
    Content:

    Hi,

    I wanted to display the header label in 2 lines i.e. wrap the label text in the oj-table.

     

    Version:
    19.3.1.6
    Image:
  • Trupti C
    How to download attachment in VBCS1
    Topic posted December 13, 2019 by Trupti CGreen Ribbon: 100+ Points, tagged UI 
    Title:
    How to download attachment in VBCS
    Content:

    Hi,

     We are storing file as blob in PaaS DB and we are using REST API to fetch content of the file.

    On button action I am calling REST API which is returning BLOB format content and I am passing those content to below code snippet.

     I am using below code for on downloading  any type of file.

     PageModule.prototype.preview = function(blobData, contentType) {
        if (contentType === undefined || contentType.length === 0) {
          contentType = "multipart/form-data";
        }
        var newBlob = new Blob([blobData], {type: contentType});
        return URL. createObjectURL(newBlob);
      };
     
      PageModule.prototype.download = function(blobData, contentType, fileName) {
        console.log("Blob"+blobData);
        console.log("contentType"+contentType);
        console.log("fileName"+fileName);
        var element = document.createElement('a');
        element.setAttribute('href', this.preview(blobData, contentType));
        element.setAttribute('download', fileName);
        element.style.display = 'none';
        document.body.appendChild(element);
        element.click();
        document.body.removeChild(element);   
      };
        

    I am able to download the file but  unable to open downloaded file. I am getting error message that "We can't open this file" .

    Any pointer on how can i resolve this issue?

     

    Thanks,

    Trupti

    Version:
    19.3.1.5
  • Himanshu Sethi
    Cursor is jumping at the last of form field when text is...
    Topic posted December 11, 2019 by Himanshu SethiBlue Ribbon: 750+ Points 
    Title:
    Cursor is jumping at the last of form field when text is typed in between.
    Summary:
    Using oj-input-text , cusror is jumping at the last on typing any character in between the form field.
    Content:

    Using oj-input-text , cursor is jumping at the last on typing any character in between the form field.

    Same thing is working when given <input> instead of <oj-input-text>

    I have used the below code JS where 'firstName' is the id for firstname form field.

    $("#firstName").on('input', function(){

        // store current positions in variables
        var start = this.selectionStart,
            end = this.selectionEnd;

        this.value = this.value.toLowerCase();

        // restore from variables...
        this.setSelectionRange(start, end);
    });

    But it is showing setSelectionRange() is not a function on using <oj-input-text>

    I have used below HTML code for field.

    <oj-input-text id="firstName" class="firstName requiredField" required="true" label-hint="[[ $application.translations.csp['CONTACT_US_FIRSTNAME'] ]]" 
                                data-bind="event: {keyup: setMaxLength(40),paste: setMaxLengthOnPaste(40)}"
                                value="{{ $variables.firstName }}"></oj-input-text>

    Please let me know if any other details are required.

    Thanks,

    Himanshu Sethi

    Image:
  • Mayank Srivastava
    Load HTML content once vb enter event is completed1
    Topic posted December 11, 2019 by Mayank SrivastavaGreen Ribbon: 100+ Points, tagged Custom Code, JET 
    Title:
    Load HTML content once vb enter event is completed
    Summary:
    Load HTML content once vb enter event is completed
    Content:

    I have a page with blank div tags and heading corresponding to that.

    I have added vb enter event which fetch data from the backend service and binds that data to the corresponding div's in my html page.

    Issue is when page loads blank div's with heading are visible for end user for few seconds till data is fetched from service.

    Do we have any options in vbcs to avoid loading page before the vb enter event. We don't have option to show some gif loader .

  • Anand Kankaliya
    Error while configuring Service Catalog for FA Service using...2
    Topic posted December 11, 2019 by Anand Kankaliya, tagged JET, Services 
    Title:
    Error while configuring Service Catalog for FA Service using interface Catalog
    Content:

    while configuring the FA services using, getting error https://xxxxxx.fa.us2.oraclecloud.com/helpPortalApi/otherResources/latest/interfaceCatalogs. Connection initialization is successful.

    When tried to create a FA > FSCM/CRM, its giving below error 

    Failed to fetch contents from null, Error:404(Not Found). Attached image.

     

    Regards

    Anand Kankaliya

    Image:
  • Abhilasha Singh
    Custom validators not firing on enter buttonAnswered4
    Topic posted December 11, 2019 by Abhilasha SinghRed Ribbon: 250+ Points 
    Title:
    Custom validators not firing on enter button
    Summary:
    Custom validators not firing on enter button
    Content:

    Hi Guys,

     

    We have an input field in which only certain patterns with numbers are expected. for this have used Javascript function in validator. it works well on tab if a wrong value/pattern is enter the fields becomes red and shows validation message. But, we click enter it doesn't fire the validation and goes to next line.

     

    Your inputs are greatly appreciated.

  • Sameer Shaik
    Git Pull and commit issue1
    Topic posted December 11, 2019 by Sameer ShaikGreen Ribbon: 100+ Points, tagged Git 
    Title:
    Git Pull and commit issue
    Summary:
    Git Pull and commit issue
    Content:

    Hi All,

    How do we achieve the particular git commit version code in our local while pulling the git changes?

    How do we ignore few files not to be pushed to git from our local and ignore few files not to get pulled from git? 

    Thanks-Sameer.

     

  • Nagambika Anguraj
    How to implement pagination for <oj-table> which uses...2
    Topic posted December 10, 2019 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 December 10, 2019 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