Framework7 v5 with App connect on Content Pages

Wappler General Bugs
#1

======== TEMPLATE BUG FORM ========

Wappler Version : 3.3.2
Operating System : Windows 10

Expected behavior

The secondary page should be displayed when clicking on “User” link/route and a list should display.

Actual behavior

The secondary page is displayed, but the list does not show.

If I change the pages from using “Framework7 v5 with App Connect” to “Framework7 v4”, then the list does display, so it appears something is not working correcting with the new “Framework7 v5 with App Connect”.

How to reproduce

Wappler 3.3.6 Released
#2

If I can see it correctly on your video - you are still using Framework 7 v4 while the new version is Framework7 v5 with App Connect …

#3

Yes, forgot to mention that. There’s no v5 without App Connect, so that is a difference.

#4
#5

It seems like maybe this is related to the repeat and possibly server connect. Those seem to be what’s not showing on the page when using v5 with app connect.

<div class="page" data-name="users">
	<div class="page-content">
		<div class="block-title">Users</div>
		<div class="list media-list">
			<ul is="dmx-repeat" id="repeat1" dmx-bind:repeat="serverconnect1.data.query1">
				<li>
					<a href="" class="item-link">
						<div class="item-content">
							<div class="item-media">
								<img dmx-bind:src="Avatar">
							</div>
							<div class="item-inner">
								<div class="item-title-row">
									<div class="item-title" dmx-text="FirstName+'&nbsp;'+LastName">Full name</div>
								</div>
								<div class="item-subtitle">{{Email}}</div>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

Here’s the code from the page using v5 with app connect – it’s missing the data from server connect.
image

#6

Well we identified the problem of not correctly inserting the new Framework7 v5 with App Connect on the content pages.

The comment on the top of the content page got corrupted, so that was causing the invalid detection. Will solve it for the next update

1 Like
#7

Is there something I can use to test/validate/continue forward until Wappler is updated?

#8

Well you can manually edit the comment code on the top of the content page, just change

framework7_4="local"

to:

framework7_5="With App Connect"

then save and refresh design view.

Let me know if that solves the problem further

#9

I already did that in the video. That was when it didn’t work. See video at 1:25

#10

So you mean the repeat doesn’t render - not in the browser or in design view?
but is the server connect data loaded? check in devtools

#11

Yes, it’s not rendering anywhere. I realized now that I changed this page from a “main page” to a “content page” after setting up the server connect for the list. Strangely, now that it’s a content page it seems like I’m running into the same issue reported in Please enter App ID first. That’s probably why it’s not working. Any update on that bug?

image

Here’s a video for it.

#12

The app is has been reported as a bug.

But I asked about your server connect? Where is it and does it loads its data? Because if it doesn’t there is nothing to render.

I don’t see it in your code.

Check in the browser devtools if the server connect is called in the network tab.

#13

Ok, I figured it out. Although, I’m not sure I like it as I think it adds a lot of overhead on the index page when it’s only used on the User page.

Since User.html is a content page I needed to define the Server Connect on the index.html page.

So I don’t think the initial bug report is still needed.

1 Like
#14

This is fixed in Wappler 3.3.6

#15
#16

This topic was automatically closed after 46 hours. New replies are no longer allowed.