Git Product home page Git Product logo

mdb-docs-and-content's Introduction

mdb-docs-and-content

The following repository contains content of the mdbootstrap.com website, especially documentation.

Within the root folder you can find two main languages - English and Chineese (simplified) (to be translated).

Next level defines technology (jQuery, Angular, React and Vue). 3rd level defines platform - web or mobile (note: currently MDB is available as a web development framework, we are builing a Native version of MDB dedicated to mobile apps).

4th defines documenation type (documentation/tutorial etc.), currently only docs are available at GitHub. In a future we will move also other content.

Finally 5th and 6th level defines categories and specific components. Please note that the folder structure corresponds with URL i.e.:

https://mdbootstrap.com/docs/jquery/css/text-color/

Can be found under /en/jquery/web/docs/css/text-color/ (https://github.com/mdbootstrap/mdb-docs-and-content/tree/master/en/jquery/web/docs/css/text-color )

Each folder contains multiple files:

  • o.html (Content of the overview TAB)
  • o-ss.html (Content of the scrollspy for Overview TAB)
  • gs.html (Content of the Getting started TAB)
  • gs-ss.html (Content of the scrollspy for Getting started TAB)
  • a.html (Content of the API TAB)
  • a-ss.html ((Content of the scrollspy for API TAB)
  • js.html (Specific JavaScript code imported at the bottom if needed for demo)

So how YOU can contribute to ever growing MDB repo? It is easier than you may think.

First you have to click “Edit these docs” button placed on top of MDB component’s page of your choosing.

Thanks to modern day magic known as a link you will jump to GitHub repository that contains designated documentation.

Now you have to click “Fork” button to copy it to your GitHub account.

After a few seconds, you should have your own version of the source file to play with. So click on the filename of documentation and then click on the pencil icon on the right.

Here it is where all the fun begins. You can freely input your insight and code snippets.

To finish your adjustments you must provide commit name and description. Make sure that you also provide the name of a new branch containing your changes.

Press “Propose file change” button, and then “Create pull request” button, finally allowing us to admire your genius and after positive verification letting you to bask in well deserved glory as a top tier programmer and code visionary.

mdb-docs-and-content's People

Contributors

aandrasiuk avatar agentsmith0 avatar ascensus-mdb avatar bloodcast69 avatar caarek avatar catchmareck avatar dawidadach avatar filipkappa avatar gbujanski avatar iceberg1109 avatar idzark avatar ingoldsby avatar jacekok avatar jakubchmura avatar kordrad avatar kpietron avatar krzysiu-w avatar makusref avatar marlucz avatar martussky avatar marveluck avatar mattonit avatar mwiniarski01 avatar pglejzer avatar piotrobrebski avatar razkaroth avatar smolenski-mikolaj avatar vladviolentiy avatar wojstan avatar wolfgangmetze avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

mdb-docs-and-content's Issues

Table Sorting Issue

Hi, thanks for the cool sortable table component. The code referenced here https://mdbootstrap.com/docs/react/tables/sort/ produces a table, and when you click on a column it sorts ascending on that column, but subsequent clicks don't sort descending.

Please advise. Thanks. Details below.

Versions:

  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "mdbreact": "^4.27.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.3"

Code:

import React from 'react';
import { MDBDataTable } from 'mdbreact';

const DatatablePage = () => {
  const data = {
    // abbreviated :-D
  };

  return (
    <MDBDataTable
      striped
      bordered
      small
      data={data}
    />
  );
}

export default DatatablePage;

Rendering <code> tag in html

Hello there, I have been trying to use this doc for offline use as I have a limited data connectivity. So far, I haven't been able to render the codes with syntax highlighting. Also, I have been rendering html in hacky way. Is there any proper way of rendering the whole html?

toggleModal() alternative

I had problems with this toggleModal() method for Modals (https://mdbootstrap.com/docs/react/modals/basic/) and React Hooks. Therefor i would like to submit an alternative to:

class Modal extends Component {
state = {
  modal: false
}

toggle = () => {
  this.setState({
    modal: !this.state.modal
  });
}}
...
}

alternative:

class Modal extends Component {
    state = {
        modal: false
    }

    toggle = () => {
            this.setState((prevState) => {
                return {
                    modal: !prevState.modal,
                }
            })
        }
        ...
}

this way should prevent this method to break the rules of hooks. Because this.setState(...) happens asynchronously, it's a good practise to utilize the previous State / prevState to make sure you access it the right way.

should be the following file: mdb-docs-and-content/<lang>/react/web/docs/modals/basic/o.html

i'm not sure if this is a worthy addition, but i and a lot of people i know had problems with this, and that solution solved it.

Url parameters

Hi, this is not an issue but rather a question. The filters work great but would it be possible to update the url parameters too? I want my customers to be able to share the url and include the filter too, thanks.

Updates inquiry

The company mdb promises to publish releases every two weeks, but there hasn't been an update since two months. If you try to complain publicly, your comment will be deleted. This is very anti-democratic, unresponsible and unfair against customers, who have paid many for this framework. This message is just a warning to all developers who have thought about buying this product. We will probably file a complaint against this company.

Wrong option name in toasts API for MD5

Link

"Content" isn't the right option for setting delay.

Name Type Default Description
content number 500 Delay hiding the toast (ms)

It's "delay"

Name Type Default Description
delay number 500 Delay hiding the toast (ms)

Found out after seeing "content" didn't work and checked the Toast js component out

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.