Hi there

Do you guys have access to pages frontend repository ?

Yes I have, only dont know if the sample 20 lks the one for blog, or there.are other. Thanks!

Looking at the users from Pages Frontend. We have made a new product that is soon to be released. It will help anyone build a website/blog in real-time. This is why Pages frontend is not updated lately.

Hi ace. Yes as you say it doesn’t seem to be very complete. Is there any other blog layout included (maybe in github) that i can use? Thanks!

Hi there

That is because slider div is set to bg-complete which is a blue color. I’m assuming you want something black? In your slider div inside it, you will find another child div “swiper-slide ” it has the class “bg-complete” remove it or add bg-master

Actually I don’t want any colour to show, I just want the image to show.

Hi there

What is your github username ?

MarkG33

Hope you got the invite

No nothing yet.

Hi there

Sorry about the late reply, I do not understand what you meant by “How can i remove the default circularProgress and use my modal for this purpose?” If you can elaborate further I can help you out

hi Ace

I have a wizard that is functional. There is step1 step2… summary tabs (based on the example in form_wizard.html). In summary tab, I have a submit button. On clicking Submit, I make an ajax call to a backend REST API. All this works perfectly fine

Now, the server sometimes takes 1-2 minutes to process the request and respond to the API. At this time, user should not feel like the screen is frozen. So I have added a modal (based on the ‘FILL IN MODAL’ example in modals.html)

Now in the JS in the submitHandler section, when i try to show the modal and after the ajax i try to hide the modal – it doesnt work.

Now I see this line:

$(‘[data-pages-progress=”circle”]’).circularProgress();

So I assume that is what is showing the circular progress on the right top of the wizard

How can i remove the default circularProgress and use my modal for this purpose?

Eagerly awaiting your response

Hi there

I understand now

Yes well, I would suggest you to use Pages Cards. In your Wizard, wrap the entire wizard with the div

<div class="card" id="wizard-wrapper">
.. Wizard inside this
</div>

Then in your JS
var card  =  $('#myCard');
  cardcard({
        onRefresh: function() {

        }
    });

card.card({
                    refresh: true
                });

card.card({
                    refresh: false
                });

hi Ace

I am on Pages v 2.1.4

How do I make cards work in this ver? Or alternatively what can you suggest for my Pages ver. I am unable to upgrade Pages version at this time

/rohit

Hi there

Use instead of the class name

<div class="panel" id="wizard-wrapper">
</div>

JS code is the same

hi Ace,

i get error “Uncaught TypeError: $(...).card is not a function”

Changed card to panel in JS also, similar error i get error “Uncaught TypeError: $(...).panel is not a function”

Am I missing an import?

Can you point me to a sample implementation?

/rohit

Hi there

If you get an error for panels, make sure you have included pages.js in your HTML file

hi Ace

Still doesnt work with portlets also

Just to remind you on this conversation:

I have a wizard that is functional. There is step1 step2… summary tabs (based on the example in form_wizard.html). In summary tab, I have a submit button. On clicking Submit, I make an ajax call to a backend REST API. All this works perfectly fine

Now, the server sometimes takes 1-2 minutes to process the request and respond to the API. At this time, user should not feel like the screen is frozen. So I have added the portlet code as seen in poortlets.html link above

    <div class="panel panel-default" id="auditPortlet">
        <div class="panel-body bg-master-lightest">
          <div class="row">
              <div id="rootwizard">
<!-- my code here -->
              </div>
           </div>
        </div>
    </div>

My JS code is identical to what you have in portlets.js in the demo I download

I put in the refresh like you have mentioned above before the ajax and after success

But it does not work – any thoughts? Please help

/rohit

hi Ace

any help on this?!

much appreciated

Hi there Sorry I have been trying in Pages Admin, Let me try on Pages frontend

hi Ace, I am on Pages Admin, not frontend

Hi there

You have missed a small part

I tested it continuously and it worked fine. Please follow the doc

It says ” $(’#myPortlet’).portlet(options)” not panels That is why you get a JS error

hi Ace

Still doesnt work with portlets also

    <div class="panel panel-default" id="auditPortlet">
        <div class="panel-body bg-master-lightest">
          <div class="row">
              <div id="rootwizard">
<!-- my code here -->
              </div>
           </div>
        </div>
    </div>

My JS code is identical to what you have in portlets.js in the demo I download

I put in the refresh like you have mentioned above before the ajax and after success

But it does not work – any thoughts? Please help