List Item issue with layout

[Marcondes__Marcos]

Hi,

My APP is located into https://play.google.com/store/apps/details?id=com.Conteudo_Animal

I made a list item menu ...

When I click on any link .... a blank header and footer appear and not idea the reason

For example the first link Dicas Veterinárias should show the content on http://www.conteudoanimal.com.br/mobile/dicasveterinarias/dicasveterinarias.asp

Please advice any issue

I want to remove footer and header of 2nd link level

thanks in advance

Marcos
www.conteudoanimal.com.br

[Amrita_C_Intel]

Hi Marco,

Which XDK Version are you using? Are you using  app designer or which framework you are using for this app?

[Marcondes__Marcos]

Hi,

Intel XDK shows on top right 1995

I tried blank, list view template, with and without cordoba 

When I add list view the problem begins ....

I need help

[Kirtan_S_1]

For the <a> tag that links you to the page, what did you set the href to?

Also, the <a> element should be inside your <li> list item element, not wrapped around.

[Kirtan_S_1]

Also, I tried recreating your problem, with XDK version 1995, list view template.

Try:
 

<ul class="list">
                <li><a href="http://www.conteudoanimal.com.br/mobile/dicasveterinarias/dicasveterinarias.asp">Item 1</a></li>
                <li><a href="#item2">Item 2</a></li>
                <li><a href="#item3">Item 3</a></li>
                <li><a href="#item4">Item 4</a></li>
                <li><a href="#item5">Item 5</a></li>
                <li><a href="#item6">Item 6</a></li>
                <li><a href="#item7">Item 7</a></li>
                <li><a href="#item8">Item 8</a></li>
                <li><a href="#item9">Item 9</a></li>
                <li><a href="#item10">Item 10</a></li>
                <li><a href="#item11">Item 11</a></li>
                <li><a href="#item12">Item 12</a></li>
            </ul>

Most of the code is default, however I changed the first List Item to the link you provided in the question.

It works in both HTML5 and HTML5+Cordova

[Marcondes__Marcos]

Kirtan,

First thanks for trying helping me

I did something wrong ... I did what you said and nothing changed to me

I zipped and sending the project files

thx

Marcos

[Kirtan_S_1]

Do you want to remove those headers/footers completely, or actually put text in them?

Also, do you care to maintain the theme?

E.g 
Android: black bacground etc.
IOS: gray background etc.

[Marcondes__Marcos]

Kirten,

Remove completely header and footer

Another issue is with those the adsense code not showing like 

http://www.conteudoanimal.com.br/mobile/dicasveterinarias/dicasveterinarias.asp

[Kirtan_S_1 · Accepted solution]

I got the solution!

For your 

<div class="upage vertical-col panel" id="mainpage" data-header="af-header-6">

change it to:

<div class="upage vertical-col panel" id="mainpage" data-header="none" data-footer="none">

This will remove the header and footer on the main page, and for all the <a> elements,

set

target="_self"

This way, no headers/footers, and adsense works!

[Marcondes__Marcos]

Kirtan,

Worked 100% .... thanks a lot 

Do you have a website or blog or something else ?

Do you work on Intel ?

cheers

Marcos
www.conteudoanimal.com.br ;

[Kirtan_S_1]

Actually, no I don't work for intel, and I don't have a blog/website.

[Marcondes__Marcos]

Twitter ? Facebook ? Linkedin ???

Something you want to promote ???

[Kirtan_S_1]

No, I don't have accounts for any of those

[Marcondes__Marcos]

Well .... thx a lot again 

Helped me a lot !!!

thanks again and again !

[Kirtan_S_1]

no problem