Hi!
I'd like to know if I can use in html screen (feed.html) code:
code
<div class="cell-wrapper"><span name="n_comments_lb" id="feed_n_comments_lb" dsid="n_comments_lb" data-role="appery_label">0</span><>
/code
insted of
code
<div class="cell-wrapper"><div name="n_comments_lb" id="feed_n_comments_lb" dsid="n_comments_lb" data-role="appery_label">0<><>
/code
if not, why and what can I do?
Thanks!
Hello,
1) You can change type of the HTML component: http://prntscr.com/8g4t45
2) You can use CSS for changing div's display attribute
Hi Sergiy!
Thanks for helping me!
I'm coding directly in web_resources.
My template has this code:
code
<div class="feed-item-actions-inner">
<li>
<a href="#">
<i class="zmdi zmdi-likes"></i>
<span>0</span>
</a>
</li>
<>
/code
But when I change the code to bellow, appears the "c15r: component facade not found" error.
code
<div class="feed-item-actions-inner">
<li>
<a href="#">
<i class="zmdi zmdi-likes"></i>
<div class="cell-wrapper">
<span name="n_likes_lb" id="feed_n_likes_lb" dsid="n_likes_lb" data-role="appery_label">0</span>
<>
</a>
</li>
<>
/code
I tried too to use only div as bellow but without success.
code
<div class="feed-item-actions-inner">
<li>
<a href="#">
<i class="zmdi zmdi-likes"></i>
<div class="cell-wrapper">
<div name="n_likes_lb" id="feed_n_likes_lb" dsid="n_likes_lb" data-role="appery_label">0<>
<>
</a>
</li>
<>
/code
As you said above, I tried to use in div the css attribute bellow but, again, without success
code
style="display: inline"
/code
Do you have any suggestion?
Could you show us screenshot with mapping? And JS code from it.
Hi Sergiy!
Here, the problem isn't the mapping or JS code. They are okay. Here, the problem is how can I adapt my html code to show the data without it breaks the layout.
If I use the code bellow using DIV, the data will show correct but the layout will break.
code
<div class="feed-item-actions-inner">
<li>
<a href="#">
<i class="zmdi zmdi-likes"></i>
<div class="cell-wrapper">
<div style="display: inline" name="n_likes_lb" id="feed_n_likes_lb" dsid="n_likes_lb" data-role="appery_label">0<>
<>
</a>
</li>
<>
/code
If I use the code bellow using SPAN, the layout will be correct but appear the error "c15r: component facade not found".
code
<div class="feed-item-actions-inner">
<li>
<a href="#">
<i class="zmdi zmdi-likes"></i>
<div class="cell-wrapper">
<span name="n_likes_lb" id="feed_n_likes_lb" dsid="n_likes_lb" data-role="appery_label">0</span>
<>
</a>
</li>
<>
/code
How can I show the layout and data correctly?
Leonardo error "c15r" fires when service with mapping executes and some components doesn't exist.
Could you clarify have you changed anything on Source tab? This (http://devcenter.appery.io/tutorials/...) doc should help.
Hi Seargiy!
4 days and you didn't understand my problem yet.
Yes, I'm programming directly in source tab.
As I said in my last post, the "c15r" issue occurs only if I change DIV to SPAN tag. I guarantee that isn't a mapping issue.
code
<div name="n_likes_lb" id="feed_n_likes_lb" dsid="n_likes_lb" data-role="appery_label">0<>
/code
My question is very simple: I need to use a SPAN tag to not break my layout. All data shown by Appery when you map by screenshow uses DIV tag (as above). Is there a solution to use a SPAN tag instead of DIV?
I tried code bellow but the "c15r" issue appears. Not because the mapping, but I think the system doesn't accept use SPAN tag to show data.
code
<span name="n_likes_lb" id="feed_n_likes_lb" dsid="n_likes_lb" data-role="appery_label">0</span>
/code
Please, if you don't know how can you help me, I'd like to ask support to other employee.
Obs: There isn't any possibility to not use the source tab. Suggestions like "make refresh" in source code isn't an option. I need to program directly in source code because my layout is customized.
Thanks.
Hi Leonardo -
You can't edit source files directly as they are involved in code generation in Appery.io.
As Sergiy said you can use HTML component in components palette, if this is not an option for you can make any source code editing outside Appery.io platform.
Hi IIlya!!
I'm using only the Appery.io plataform.
Look at this bellow:
1- This is how it should work:
2- Here, using DIV tag (layout broken):
3- Here, using SPAN tag (c15r issue):
How can I use SPAN tag like the template (1) and get the value (3) without breaking the layout?
Thanks!
Leonardo -
As I understand you are using service mapping into your custom html.
You can try this solution:
Create empty HTML component on your page.
Upon service susses event use mapping into your HTML component.
On the mapping use following JS code:
pre
codevar data = restservice1.response.body;
/* where restservice1 - is a name of your data service */
return "comments <span>" + data.comments + "</span>"
+ " And likes is... <b>" + data.likes + "</b>"
/* in "return" you can define any HTML structure that you need *//code
/pre