Видео

Hi @contumancia, Thank you for your kind comment. We're always happy to help :) Unfortunately we don't have separate CSS packages for components on hand. You can check out mdbootstrap.com/docs/standard/components/carousel/ and use thr full CSS file from MDB to manually extract the styles related to the carousel. This can be done by searching for classes that are prefixed with identifiers related to the carousel, such as .carousel, .carousel-inner, .carousel-item, etc. Keep Coding!

@@Mdbootstrapthanks! i did alrady made a search "carousel" and took only that and the w-100 and .visually-hidden.. it works perfect! thanks for your reply!!

Happy to help :) Keep Coding!

Happy to help. Keep Coding :)

Hi! Identify the Data Source: Determine where your data is coming from, such as Google Analytics, Search Console, or a local database. You'll often require APIs or database connections. Fetch Data Programmatically: Use programming languages (JavaScript or backend languages like Python) to query the data source. For example, in JavaScript, you might use fetch to call an API or a backend service: For an API: fetch('api.example.com/data').then(response => response.json()).then(data => ... For a backend service, connect it to your local or cloud database. Parse the Data: Ensure the data is in a usable format (JSON is popular). Parse the data to extract relevant fields. Update Your Chart/Component: Replace the static placeholder data in your components (charts, maps, tables) with the fetched data. Example in a chart: chartInstance.data = { labels: data.labels, datasets: data.datasets }; chartInstance.update(); For tables: dynamically generate rows from the parsed data. Data Binding: Ensure data binding in your framework (e.g., React, Vue.js, or Angular) dynamically updates the DOM. Integrate Real-Time Data (Optional): If your data changes frequently, consider WebSockets or scheduled polling to keep your dashboard updated. Secure the Data Fetching: If sensitive data is involved, implement authentication or secure API keys. Use backend services when necessary to manage data fetching securely. Keep Coding :)

A great to spend time, rainy day or not :) Keep Coding!

When creating HTML emails, the <style> tag is indeed used for including CSS styles within the email's HTML code. However, some email clients have limited support for CSS, especially in the <style> tag. To ensure compatibility across different email clients, it's common practice to use inline CSS styles instead of relying solely on <style> tags. Did you use inline like this: <p style="color: red;">This is a red paragraph.</p> I hope it helps. Keep Coding :)

Happy to help :) Keep Coding!

Hi Curtis, how are you doing? Unfortunately we did not have time yet for an updated version. There's a lot going on at the moments with launching Data Den and changes to MDBootstrap and TW Elements. It's all hands on deck in these projects. Will have it in mind though :) Keep Coding :)

I hope this help. I am not sure which part is a problem on your side, so here is a longer and more detail explanation: Update the Database: Add a column in your posts table to store image file names. You can do this with the SQL command: ALTER TABLE posts ADD COLUMN image VARCHAR(255) NULL;. Modify the CMS Form: Include an image upload field in your post form. Make sure your form tag includes enctype="multipart/form-data" for handling file uploads. Here's a snippet: html <form action="post_add.php" method="post" enctype="multipart/form-data"> <!-- Existing fields --> <label for="postImage">Post Image:</label> <input type="file" id="postImage" name="postImage"> <button type="submit">Submit</button> </form> Handle Image Upload in PHP: In your script for adding or editing posts (e.g., post_add.php), add logic to handle the uploaded file. Check if the file is set, validate it, and move it to your desired directory. Here's a basic approach: php if (isset($_FILES['postImage']) && $_FILES['postImage']['error'] == 0) { $allowed = ['jpg', 'jpeg', 'png', 'gif']; // Allowed file types $fileName = $_FILES['postImage']['name']; $fileTmp = $_FILES['postImage']['tmp_name']; $fileExt = strtolower(end(explode('.', $fileName))); $uploadPath = 'uploads/' . basename($fileName); if (in_array($fileExt, $allowed)) { if (!file_exists('uploads')) { mkdir('uploads', 0777, true); } if (move_uploaded_file($fileTmp, $uploadPath)) { // Image uploaded, now save $uploadPath with your post in the database } else { // Handle upload error } } else { // Handle invalid file extension } } Display the Image: When showing the post, include the image using the path stored in the database. For example: php if (!empty($post['image'])) { echo '<img src="' . htmlspecialchars($post['image']) . '" alt="Post Image">'; } Remember to handle security carefully, especially validating uploaded files to prevent security issues. Hope that helps! Keep Coding :)

Happy to hear that! Thank You! Keep Coding :)

😂😂😂

@@Mdbootstrap I need some help the secure(); function isn't working properly I have it set like this. function secure() { if (!isset($_SESSION['id'])) { set_message('Please Login First to View this Page'); header('Location: /cms'); die(); } } but whenever I log in it doesn't allow me to reach the dashboard without sending me back to main screen with the message "Please Login First to View this Page" I do not know what to do because everything works perfectly when I do not add the secure(); function to dashboard.php and I always put the secure(); on the 6th line of the dashboard.php like this <?php include ('includes/config.php'); include ('includes/database.php'); include ('includes/functions.php'); secure(); include ('includes/header.php'); ?> just like that do you know what I may be doing wrong?

@@Mdbootstrap nevermind I figured it out I changed function secure() { if (!isset($_SESSION['id'])) { set_message('Please Login First to View this Page'); header('Location: /cms'); die(); } } to this right here and it worked function secure() { if (!isset($_SESSION['email'])) { set_message('Please Login First to View this Page'); header('Location: /cms'); die(); } } now my page is secured I'm super happy

@@TheLightningRick Session Start: Make sure you have called session_start(); at the beginning of your PHP script before any output is sent to the browser. This should be done in each PHP file where you intend to use or set session variables. If you haven't started the session, the $_SESSION['id'] will not be recognized across different pages. Your config.php, database.php, or functions.php might be a good place to include session_start();, ensuring it executes before anything else. Session Variables: Double-check the logic where you set $_SESSION['id']. Make sure this is happening as expected when a user logs in. You should ensure that this part of your code is being executed and that the $_SESSION['id'] is correctly set upon successful login. Cookies and Browser Issues: Sometimes session issues can be related to cookies not being set correctly in the browser. Ensure your browser accepts cookies, and try clearing your browser's cookies and cache. Also, try using a different browser or a private/incognito window to see if the problem persists. File Includes: Make sure that the order and presence of includes do not affect session management. Although it doesn't seem like the issue comes from here, it's always good to double-check that includes/config.php, includes/database.php, and includes/functions.php don't have output before session_start() or conflicting session management logic. Session Path or Configuration Issues: Check your PHP server settings and ensure that the session save path is writable and not causing issues. Sometimes session data can fail to save due to permission issues on the server. Debugging: You can add debugging information before the redirect to see what’s going on. For instance, you could add var_dump($_SESSION); die(); before the header('Location: /cms'); line in your secure() function. This will show you what's currently in the session and might help you identify why $_SESSION['id'] isn't set as expected. Path and Redirection: Ensure that the path you are redirecting to ('/cms') is correct and accessible. If there's a misconfiguration in your directory structure or .htaccess file, it might be causing unexpected behavior. In your dashboard.php, before calling secure(), there shouldn't be any problem but ensure that session_start(); is being called appropriately before this. If session_start(); is in one of your included files, make sure it's getting executed before secure();. If none of these steps resolve the issue, consider reviewing the login logic to ensure $_SESSION['id'] is being set correctly upon a successful login, and there are no other conditional redirects that might be interfering. Give us a message how it went, I hope it helps :)

@@Mdbootstrap well I did $_SESSION[‘email’] and it worked perfectly with the secure function also I finished the series today and successfully built a fully functioning CMS so thank you so much your videos really helped me a ton

To change the colors of inputs in MDB Vue, you typically use predefined CSS classes based on the Material Design color system. For instance, for background colors, classes like .bg-primary, .bg-success, .bg-danger, etc., are used. Similarly, for text colors, you can use .text-primary, .text-success, .text-danger, etc. These classes can be applied directly to your input elements to change their appearance. For more detailed examples and additional options, please refer to the documentation on the MDB Vue website​​. mdbootstrap.com/docs/vue/content-styles/colors/ Hope that helps, Keep Coding :)

Hi! We'll do our best, but we're pretty swamped right now with work on TWE and some new stuff we're cooking. There will be a new video coming shortly, but not a tutorial unfortunately. Will do our best to make some more tutorials in the near future. In the mean time I'd recommend checking out MDB docs , here is one for carousel: mdbootstrap.com/docs/standard/components/carousel/ Keep Coding :)

Hi, sorry for the delay. It should, but it's a matter of implementation. You should try to find the know how in the Yar docs if they know what they're doing. Keep Coding :)

"Yes" is the answer :) Keep Coding!

That is so kind of you, mate! Thank you very much and Keep Coding!

Thank you for the kind words and good advice. Keep Coding :)

Great! Keep Coding :)

Trying to be ;)

Thank you! Keep Coding :)

Can you expand pls?

That's great to hear! Keep Coding :)

Could you rephrase your question? As you can see i.e. 37:37 - both active and inactive users are visible in table so I am not sure what's your question here?

@@DawidAdach i mean to say "If you make a unser INACTIVE he/she will not be shown" So to solve this issue there should be a super admin who can see inactive users as well ohterwise you need to have access to db directly

@@sarojadkr Check 37:00 on the right - you can see that users that are also inactive . They are displayed

@@DawidAdach Thanks brother

@@DawidAdach Great!

Super!

Happy to help :) Keep Coding!

Hi @elnath1978 This should be helpful mdbootstrap.com/learn/mdb-foundations/mdb-ui-kit/about/ Keep Coding :)

Publish the Google Sheet: Open your Google Sheet. Go to "File" > "Publish to the web..." In the dialog that appears, select the sheet containing the image or data you want to display in your HTML page. Choose the format as "Web page" and set any other options you prefer. Click the "Publish" button. Copy the generated link (URL) provided in the dialog. Create your HTML page: Create an HTML file using a text editor or an integrated development environment (IDE). Add HTML code: Inside your HTML file, you can use an <img> tag to display the image from your Google Sheet. Insert the following code where you want the image to appear in your HTML: CODE: <img src="URL_OF_PUBLISHED_GOOGLE_SHEET_IMAGE" alt="Image Description"> Replace "URL_OF_PUBLISHED_GOOGLE_SHEET_IMAGE" with the actual URL you copied in step 1. Example: <img src="docs.google.com/spreadsheets/d/e/YOUR_SPREADSHEET_ID/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false&amp;chrome=false&amp;rm=minimal#image-key=YOUR_IMAGE_KEY" alt="Image Description"> Make sure to provide an appropriate alt attribute with a brief description of the image for accessibility purposes. Save and view your HTML file: Save your HTML file. Open it in a web browser to see the image from your Google Sheet displayed on the page. Keep in mind that the URL from Google Sheets might change or expire, so it's essential to ensure that the published sheet or image remains accessible for your HTML page to display it correctly. If you plan to frequently update the image, you may need to refresh the published link in your HTML code when necessary. Keep Coding :)

Happy to help! Keep Coding :)

Happy to help. Keep Coding :)

Hi @cybermatrix6297 I put the link to the Roadmap files in the video description & here you go www.mediafire.com/file/f3sh61e18d3cx2c/Roadmap.zip/file Keep Coding :)

Thx, mate! That's a really good tip. Will remember it for future content. Keep Coding :)

Happy to help, Keep Coding :)

Creating a pivot view with Bootstrap Datatables based on data stored in different MySQL tables involves several steps. Note that you might need to adapt these steps based on your specific database structure and requirements. Ensure that your MySQL tables are structured in a way that facilitates pivot operations. You may need to have a common column that can be used as a key to join the tables. Write a MySQL query to fetch the data you need for the pivot view. This query should join the necessary tables and transform the data into a format suitable for pivoting. Use aggregate functions if needed. SELECT common_column, MAX(CASE WHEN table_name = 'table1' THEN column_name END) AS table1_column, MAX(CASE WHEN table_name = 'table2' THEN column_name END) AS table2_column FROM (SELECT common_column, column_name, 'table1' as table_name FROM table1 UNION SELECT common_column, column_name, 'table2' as table_name FROM table2) AS combined GROUP BY common_column; Remember to replace common_column, table1, table2, and column_name with your actual column and table names. Use a server-side scripting language (e.g., PHP, Node.js, Python) to execute the MySQL query and fetch the result. Convert the result into JSON format. After that use DataTables to display the pivot view on the front-end. Include the DataTables library in your HTML file. Check out the DataTables documentation: mdbootstrap.com/docs/standard/data/datatables/ Customize the styling of your DataTable as needed. Test your solution to ensure that the pivot view is displaying the data correctly. Keep in mind that this is a general guide, and you may need to adjust the steps based on your specific requirements and database schema. Additionally, make sure to handle security aspects such as parameterized queries to prevent SQL injection. Hope that helps, Keep Coding!

De Nada :) Keep Coding!

Happy to help :)