framework7io/framework7-website

Framework7 website for contributing and offline usage

framework7-website's Issues

Лишняя строчка в документации к Page

https://framework7.io/docs/page.html#page-data 4я строка про page.app лишняя.

Раньше можно было так редактировать страницы, а теперь только через fork :(

Запутанное и дублированное место в документации

Задача: сделать разные view в разных tab.

В документации про это можно прочитать здесь: https://framework7.io/docs/toolbar-tabbar.html (в разделе Common Toolbar), а также здесь: https://framework7.io/docs/tabs.html (в разделе Views As Tabs).

Предложение: из одного места убрать.

Please add my App to Showcase

This is my App: IDEANDO (Spanish and English)
https://play.google.com/store/apps/details?id=com.enliveapps.ideando.free
https://play.google.com/store/apps/details?id=com.enliveapps.ideando

Thank you!

Typo in smart-select-"searchnar"-placeholder

I believe this is a typo in the documentation.

It should be searchbar instead of searchnar.

Page и navbarEl / $navbarEl

Насколько я понимаю, $navbarEl для Page был выпилен из v4.

Обсуждение: framework7io/framework7#2904

Но на странице документации информация осталась: https://framework7.io/docs/page.html

Для React / Vue $navbarEl остался у Page до сих пор в коде, но возможно, там другое.

Небольшое замечание к разделу Theme Based Rendering

Тут https://framework7.io/docs/theme-based-rendering.html есть пример, который позволяет скрыть слово "Назад":

<div class="left">
      <a href="#" class="link back">
        <i class="icon icon-back"></i>
        <!-- back button text will be visible only in iOS and Aurora themes -->
        <span class="if-not-md">Back</span>
      </a>
    </div>

это хороший практический пример, но если мы скрываем надпись, то, согласно документации, нужно добавлять класс icon-only к<a>. Получается, не совсем корректный все же пример.

Photo-Browser.swipeToClose seems to have wrong type in documentation (f7v3)

--schnipp..
swipeToClose boolean
--schnapp--

But in Src. it has something like this
--schnipp--
swipeToClose: {
allow: true,
isTouched: false,
diff: undefined,
start: undefined,
current: undefined,
started: false,
activeSlide: undefined,
timeStart: undefined,
}
--schnapp--

No Gruntfile

I can't find Gruntfile.Do you foget to add it?

f7 in the packages folder is not updated

In the packages folder of framework7-website there is the 3.5.1 version of framework7 and not the last 3.6.0 (and I suppose the kitchen-sink folder must also be updated)

messagebar.clear() not work

v3.5.2 $f7.messagebar.clear() the method not work.

class="input-dropdown-wrap" is missing in "Inputs" page of Docs

...but it is present in "form-storage.html" and "inputs.html" of Kitchen Sink.

Thanks.

color-themes.html (v4) crashes in Safari

The color-themes pages crashes when loaded in Safari 12.0.3. No issues in Firefox or Chrome.
http://framework7.io/docs/color-themes.html

"Killer Features" tabs jump you to the top of the page

On your website, at the "Killer Features" section, when you click in one of the tabs, the browser jumps you to the top of the page because all tabs have an empty hash.

On latest chrome, mac.

http://framework7.io/#

cdn.framework7.io down for me in St. Petersburg, Russia

I haven't visited the website for a while and when I opened it two days ago it looked like this:

I thought it was a temporary glitch, but it's still not working properly as of now.

Traceroute:

Dae-MBP:~ Dae$ traceroute cdn.framework7.io
traceroute to p-rumo00.kxcdn.com (185.172.148.132), 64 hops max, 52 byte packets
<...>
 4  * * 172.30.178.190 (172.30.178.190)  17.435 ms
 5  spb-efim4-ne40e-ixr01.spb.sumtel.ru (89.221.199.209)  4.134 ms  2.832 ms  3.365 ms
 6  spb06.spb35.transtelecom.net (188.43.15.110)  9.617 ms  13.863 ms  4.638 ms
 7  spb06.spb35.transtelecom.net (188.43.15.110)  6.670 ms  4.112 ms  3.955 ms
 8  * * *
 9  188.43.0.18 (188.43.0.18)  13.162 ms
    blacklist-gw.transtelecom.net (188.43.30.130)  12.544 ms
    bl-gw.transtelecom.net (188.43.31.178)  34.936 ms
10  filter-gw.transtelecom.net (188.43.30.33)  29.734 ms  42.459 ms  12.835 ms
11  transtelecom-ic-303467-s-b3.c.telia.net (213.248.99.222)  35.325 ms  30.802 ms  23.928 ms
12  s-b3-link.telia.net (213.248.99.221)  44.554 ms  25.970 ms  25.278 ms
13  s-bb3-link.telia.net (213.155.133.16)  29.117 ms
    s-bb3-link.telia.net (62.115.137.158)  26.296 ms
    s-bb3-link.telia.net (213.155.133.18)  41.357 ms
14  ffm-bb4-link.telia.net (62.115.139.112)  54.336 ms
    ffm-bb3-link.telia.net (213.155.131.48)  40.182 ms
    ffm-bb4-link.telia.net (213.155.135.50)  43.695 ms
15  ffm-b4-link.telia.net (62.115.125.215)  46.377 ms
    ffm-b4-link.telia.net (62.115.125.219)  74.375 ms
    ffm-b4-link.telia.net (62.115.118.200)  43.018 ms
16  * * *
17  * * *
18  *^C

How make touch event affect in pc browser?

great documentation!

but I get an irrelevant problem.

why the swipe out component in docs website can react with touch event in pc browser (chrome)?

fix nav on 320

Hi, small fix on 320 breakpoint
http://joxi.ru/bmoRyV0C3joeJr
#279

Path Traversal Vulnerability

Have a look in here, view source. file_get_contents() is used.
http://www.idangero.us/framework7/plugins/feeds/demo/proxy.php?url=proxy.php

Anyone can read any file in your server, for example:

hidden

it lacks a comma

on the website stepper.html

Typo

https://github.com/nolimits4web/Framework7-Website/blob/master/examples/index.html#L60

Guthub -> Github

Weather7 Material Line

In Weather7 Material, there is still a line at the top when there is no city yet. It's very out of place.

Добавить информацию о stacked-класс

В документации https://framework7.io/docs/page.html не указано то, что, если во View включен stackPages, нужно добавлять класс stacked.

Например тут https://framework7.io/vue/page.html есть упоминание про stacked

[Documentation v3] Icons - Coloring - Examples are not correct?

On the documentation page of framework7 v3.4.0 about the icons: http://framework7.io/docs/icons.html

In the section "Coloring" there are the following examples that do not work:

<i class="f7-icons color-red">home</i>
<i class="f7-icons color-yellow">home</i>

Instead, they only work if written like this:

<i class="icon f7-icons color-red">home</i>
<i class="icon f7-icons color-yellow">home</i>

Perhaps the examples are not updated to the latest versions of framework7?

Thanks.

New design bug

Your new site design has a problem. The ios/android example phone does not change in sync with the examples and it's very frustrating.
You can test the page: https://framework7.io/docs/data-table.html and you can see what the preview in the phone does not change in sync when you navigate the example code.

Please add inline demos on documentation page

It is natural watch live examples when reading docs. But if we opens https://framework7.io/vue/checkbox.html - no any demos present.

For example Element UI docs page displays to user demos first. And only after then we can open listing code or even create small sandbox with this exemple on jsfiddle. It wery useful.

Add docker-compose for running site inside docker

If anybody wants to contribute to projrect - then it should to run website on local machine. It would be very useful provide docker configuration inside this repository.

There is no docs for v1

It will be better to provide v1 docs, not v2 only

Typo on "Custom Build" page

Looks like there's a minor typo on the "Custom Build" page:
http://framework7.io/docs/custom-build.html#available-components-modules

In the "Available Components" table, the "Pull To Refresh" link looks duplicated; the href is correct, but the text it wrong. It should say "Infinite Scroll" instead... I think?

[Suggestion] add float button scroll to the top

When I read the documentation in the end of any page I need to scroll to the top and choose the next page

There are several option:

• the easiest: just add float button scroll to the top
• mid: float the menu with the scroll
• the harder: add next and prev button on each page

PS
I'll do a pull request when I have a time

Toast closeTimeout Parameter missing in the Toast Parameter list

.. its only mentioned in the toast app parameter example

The iPhone simulator in the docs page keeps shaking when scrolling the page

Browser: Mac Chrome V41.0.2272.118 / Safari 8.0.4

Timeline line height issue.

When the Content length**(within the timeline-item-content wrapper)** more then view port size , Left side timeline connection line not joining with next time line content. the issue occurred due to the .timeline-item-divider:after, .timeline-item-divider:before has height as 100vh.

Old Firebase on Chattr

Chattr demo app uses old version of Firebase, needs to be updated to new version to work again.

Tutorial for framework 7 with meteor

i had wrote a tutorial on medium, i wanted to add it to the website. i saw the website that i need to open a pull request but where do i put my link in the tutorial folders?
here is my link https://medium.com/@laykeanghok/building-hybrid-apps-with-meteor-framework-7-getting-started-e47d086f5b16

Message parameter of addNotification() method is not described

On https://framework7.io/docs/notifications.html page the "notification parameters" table misses a description for "message" parameter.

Page - Events are not correct

https://framework7.io/react/page.html#page-events

There is no mention of having to prefix events with "on". i.e pageInit should be onPageInit

hello , i want to translate this document in Chinese.

As the title says .
As many browsers come with translations as soon as possible, I still want to contribute to the things I like.

Docs not available for offline use

Hi,

When I download the whole website for offline use (main purpose documentation pages).

I found that the folder was empty, do you know where could I find it?

Regards.

Louis

Add "Framework7 v3" at the top to avoid confusion.

Please add Framework7 v3 at the top to avoid confusion.

• Framework7 v1
• Framework7 v2
• Framework7 v3

Redirect работает с path, а не с url

В разделе Redirect & Alias https://framework7.io/docs/routes.html#redirect-alias несколько раз подчеркивается, что Redirect работает с url, т.е. указывать нужно именно url другого роута.

Note in redirects we pass URL, not the route path like in alias

Хотя в примере указывается именно path другого роута - именно так и работает redirect.

Предложение: расширить документацию про событиям

В документации https://framework7.io/docs/router-component.html сказано кратко: "можно использовать @click", но возможности, судя по https://github.com/framework7io/framework7/blob/master/src/core/modules/component/vdom.js гораздо шире, в чем-то, видимо аналогия с VueJS: https://ru.vuejs.org/v2/guide/events.html Предлагаю или описать в документации мощь событий или хотя бы дать ссылку, где это описывается.

Второй момент. В той же документации https://framework7.io/docs/router-component.html сказано, что с событиям нужно работать так:

   on: {
        pageInit: function (e, page) {
          // do something on page init
        },
        pageAfterOut: function (e, page) {
          // page has left the view
        },
      }

но, насколько я знаю, можно эти методы подымать а уровень выше, а не держа их под "on" т.е.

data: ...
methods: ...
pageInit : function() //или onPageInit

предлагаю этот момент также описать в документации.

List our apps in Showcase

Hi,

We would like some of our apps to be listed in Showcase. Below is the list of the apps that we developed: -

1. Sportlounge
   Play store: https://play.google.com/store/apps/details?id=de.grad53.sportlounge
   App store: https://itunes.apple.com/AE/app/id472957977

2. Kridapp academy
   Play store: https://play.google.com/store/apps/details?id=com.eonian.kridappacademy
   App store: https://itunes.apple.com/us/app/kridapp-academy/id1244709794?mt=8

3. Reelo
   Play store: https://play.google.com/store/apps/details?id=com.eonian.reelo
   App store: https://itunes.apple.com/mt/app/reelo-get-rewarded/id1195820317?mt=8

4. Kridapp
   Play store: https://play.google.com/store/apps/details?id=com.eonian.kridapp

5. Neon sports academy
   Play store: https://play.google.com/store/apps/details?id=com.eonian.neon
   App store: https://itunes.apple.com/us/app/neon-sports-academy/id1253983206?mt=8

Please do let me know if you need any further details from our side.

Thank you.

Typography doc typo in top+bottom

https://framework7.io/docs/typography.html

Both the no-padding-horizontal and no-margin-horizontal names should be -vertical in the top+bottom spacing. Only a typo in the docs, code works without problems.

Предложение: расширить документацию по Router Component

В https://framework7.io/docs/router-component.html совсем не сказано о том, что компонентом может быть, к примеру. Popup. Информацию об этом можно найти только в блоге: https://blog.framework7.io/mastering-v2-router-958ea2dbd24f в разделе Routable Modals

Swipeout callback for cancel?

I use swipeout to delete products in my app.
When i swipe to left or right it remains in the position than a dialog with cancel and ok is showing.

If i press ok > removes the product
on cancel only the dialog is hidding, the product <li> remaining swiped.

Can't find no callback to hide/swipe back to right the delete link.

This is my code:

<li class="swipeout deleted-callback" data-id="my-id">...</li>

$('.deleted-callback').on('swipeout:deleted', function() {
    deleteProduct($(this).data('id'));
});

Is this a bug or it's just me? Any help with that please?
Thanks

[Documentation] Broken link

On https://framework7.io/vue/view.html:

points to https://framework7.io/docs/views.html, that gives me a 404

Code does not work

The initialization code for vue does not work, as framework7 is never registered with vue

docs error

http://framework7.io/docs/messages.html

messages.clean() :incorrect
should be
messages.clear()

kitchen-sink doesn't load the examples.

Opening both the index.html and clicking one of the items in the list (both in the main view and the side panels) will show the loading indicator but it won't display or continue to the requested html file.
For example, clicking on the Accordion link will display the loading indicator, but won't load the file (loading indicator never end).

I tried removing the first two ajax events but it still failed to continue loading the requested file.

Changes not appeared in the site.

Hello Vladimir,

I can't see changes in the site. Just for information.

And i saw one word error on src/vue/index.jade. "There are three ready to use templates to start your app developement immediately using Framework7 and Vue."

three must change to four.

Have a great day!

Disabled elements is not accessible from menu

Googling disabled elements gives this page

https://framework7.io/docs/disabled-elements.html

But it doesn't seem accessible from anywhere.