JayzenPRO

Joined 5/20/2017
# Name
Jayzen PRO said 10 months ago:

great video ~ can you show the way to upload picture by the icon(not link but upload img from local)

kobaltz PRO said 10 months ago:

I'm interested in this as well. I'll do some research and will probably write up a blog article about it. If I had to guess, it will be removing the default image button and making a custom button which mimics the Drag/Drop functionality.

Jayzen PRO said 3 months ago:

thanks for your awesome video, i clone the source code form the current page, i want to apply the bootstrap to the pdf-page but failure, could you give some tips? Thanks a lot!

kobaltz PRO said 3 months ago:

If you've set up the application with the vendor/assests/stylesheets/pdf.css and have this set to complile separately, you can download the CSS from https://getbootstrap.com/docs/3.3/customize/?id=08c164bd0450fe50e9bf and paste it into the pdf.css. This is what I'm using. You can probably also do the same for bootstrap 4.1, but the important bits would be the things selected where it is mainly the media styles, grid, typography, etc.

Jayzen PRO said 3 months ago:

I download the bootstrap code from https://getbootstrap.com/docs/4.0/getting-started/contents/#css-files, i paste the bootstrap.css or bootstrap-grid.css to pdf.css , but i can't applay the "d-flex" function, can your find something wrong?

kobaltz PRO said 3 months ago:

Personally, I would try to keep the styling in the email simple. Supporting rendering on different email clients is very difficult since there are definitely more email clients than browsers. Check out https://www.campaignmonitor.com/css for individual styling compatibility for mail clients.

Jayzen PRO said 3 months ago:

I download the bootstrap code from https://getbootstrap.com/docs/4.0/getting-started/contents/#css-files, i paste the bootstrap.css or bootstrap-grid.css to pdf.css , but i can't applay the "d-flex" function, can your find something wrong?

kobaltz PRO said 3 months ago:

Personally, I would try to keep the styling in the email simple. Supporting rendering on different email clients is very difficult since there are definitely more email clients than browsers. Check out https://www.campaignmonitor.com/css for individual styling compatibility for mail clients.

Jayzen PRO said 3 months ago:

How many episodes will this series have and how the final application will look like?

kobaltz PRO said 3 months ago:

I have three more planned for the moment.

  1. Adding nested comments
  2. Activity Feed
  3. ActionCable tie-ins

The activity feeds and ActionCable ones will probably come out in December.

If there is interest, I've been thinking about also doing an episode of taking a Bootstrap "Theme" and showing how to incorporate it within the application.

Jayzen PRO said 3 months ago:

sounds cool! looking forward it.

Jayzen PRO said 3 months ago:

sounds cool! looking forward it.

Jayzen PRO said about 2 months ago:

Thanks your awesome video.
I had ever use the gem 'devise' and include the confirmable module, when i deploy my app on heroku, i use the sendgrid add-on to send email confirmation according to the heroku guides, i want to use the ssl function so i use the code in "config/enviroments/production.rb" as follow
```ruby
config.force_ssl = true

config.action_mailer.raise_delivery_errors = true
config.action_mailer.delivery_method = :smtp

host = "note-book-diary.heroku.com"
config.action_mailer.default_url_options = { protocol: "https", host: host }
ActionMailer::Base.smtp_settings = {
address: "smtp.sendgrid.net",
port: 587,
authentication: "plain",
user_name: "xx",
password: "xx",
domain: "heroku.com",
enable_starttls_auto: true
}
```
when i reach the link https://note-book-diary.heroku.com/, the response return ok, but when i click the email confirmation , i get the wrong response "NET::ERR_CERT_COMMON_NAME_INVALID"

The chrome error messages show the the website use HSTS and can't reach it. can you do me a favor to find the solution? Thanks a lot!

kobaltz PRO said about 2 months ago:

Try setting the domain and use the url to https://note-book-diary.herokuapp.com/

So you'd need to update the host and the domain settings. You can check the Certificate within Chrome to see what the common name (or domain name) to see where the mismatch is.

Jayzen PRO said 14 days ago:

i now use the puma-dev but i find the app can't load all the js and css file which are included in application.js and application.scss.
i find the current app above in the video use the custom css other than bootstrap, hava you ever come across the problem?

kobaltz PRO said 14 days ago:

Inspect your browser dev tools to see if there are any errors in loading the assets. It could be CORS policy blocking the assets.

Jayzen PRO said 14 days ago:

i find the problem, the chrome plugin adblock blocked it

Jayzen PRO said 14 days ago:

the chrome toos show the errors
ruby
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

kobaltz PRO said 14 days ago:

This is usually something with the browser that is blocking the asset. It could be a browser extension or something.

Jayzen PRO said 14 days ago:

thansk~

Jayzen PRO said 14 days ago:

the chrome toos show the errors
ruby
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

kobaltz PRO said 14 days ago:

This is usually something with the browser that is blocking the asset. It could be a browser extension or something.

Jayzen PRO said 14 days ago:

thansk~

Jayzen PRO said 14 days ago:

i find the problem, the chrome plugin adblock blocked it

Jayzen PRO said 14 days ago:

thansk~