Laravel 5.4 mail markdown 2 button inline

I would like to know how to place the button next to each other.

enter image description here

Now it is on a separate line.

@component('mail::message')

    Dear {{$vendor_name}}



    Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

    Please renew price.





@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent

    Thanks,<br>

    Phuket Jet Tour



@endcomponent

edited Nov 27 '18 at 9:10

asked Nov 27 '18 at 8:59

story ks

8711

please post yout email blade or the code where you configure this button

– Dearwolves
Nov 27 '18 at 9:07

@Dearwolves i update blade in post.

– story ks
Nov 27 '18 at 9:10

add a comment |

I would like to know how to place the button next to each other.

enter image description here

Now it is on a separate line.

@component('mail::message')

    Dear {{$vendor_name}}



    Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

    Please renew price.





@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent

    Thanks,<br>

    Phuket Jet Tour



@endcomponent

edited Nov 27 '18 at 9:10

asked Nov 27 '18 at 8:59

story ks

8711

please post yout email blade or the code where you configure this button

– Dearwolves
Nov 27 '18 at 9:07

@Dearwolves i update blade in post.

– story ks
Nov 27 '18 at 9:10

add a comment |

I would like to know how to place the button next to each other.

enter image description here

Now it is on a separate line.

@component('mail::message')

    Dear {{$vendor_name}}



    Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

    Please renew price.





@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent

    Thanks,<br>

    Phuket Jet Tour



@endcomponent

edited Nov 27 '18 at 9:10

asked Nov 27 '18 at 8:59

story ks

8711

I would like to know how to place the button next to each other.

enter image description here

Now it is on a separate line.

@component('mail::message')

    Dear {{$vendor_name}}



    Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

    Please renew price.





@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent

    Thanks,<br>

    Phuket Jet Tour



@endcomponent

laravel email markdown

edited Nov 27 '18 at 9:10

asked Nov 27 '18 at 8:59

story ks

8711

edited Nov 27 '18 at 9:10

asked Nov 27 '18 at 8:59

story ks

8711

edited Nov 27 '18 at 9:10

asked Nov 27 '18 at 8:59

story ks

8711

asked Nov 27 '18 at 8:59

story ks

8711

asked Nov 27 '18 at 8:59

story ks

8711

please post yout email blade or the code where you configure this button

– Dearwolves
Nov 27 '18 at 9:07

@Dearwolves i update blade in post.

– story ks
Nov 27 '18 at 9:10

add a comment |

please post yout email blade or the code where you configure this button

– Dearwolves
Nov 27 '18 at 9:07

@Dearwolves i update blade in post.

– story ks
Nov 27 '18 at 9:10

please post yout email blade or the code where you configure this button

– Dearwolves
Nov 27 '18 at 9:07

@Dearwolves i update blade in post.

– story ks
Nov 27 '18 at 9:10

add a comment |

2 Answers
2

active

oldest

votes

you can put it in one <div>
For example:

<div class = "row>

your buttons here

</div>

If it doesn't help please share your code

Try this:

<span style="display: inline;">



@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent



</span>

edited Nov 27 '18 at 9:20

answered Nov 27 '18 at 9:08

Kusy

138

you has example?

– story ks
Nov 27 '18 at 9:11

I've edited my answer

– Kusy
Nov 27 '18 at 9:21

add a comment |

It's just a work around. I've inspect the email from a laravel project.

try this in place of your component for button :

<a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>

<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>

it inlines your button. then just adjust other element. If you want to put the button on the markdown then you do like:

On your markdown:

$button1= "   <a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>";

$button2 = "<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>";



  $emailMarkdown = $this->markdown('your_email_template')

                ->subject('your_subject)

                //you will define here the variables you need to pass in the template

                ->with([    

                   'emailBody' => $emailBody,

                   'button_first' => $button1,

                   'button_second' => $button2,

                ]);



     return $emailMarkdown;

then on the email template:

@component('mail::message')

        Dear {{$vendor_name}}



        Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

        Please renew price.



    {!!$button_first!!} {!!$button_second!!}

@endcomponent

edited Nov 27 '18 at 9:57

answered Nov 27 '18 at 9:36

Dearwolves

315213

if use html in markdown. it change html to string Product 19361 : 2142352 price id : 2124284 will expire on 2018-12-27 00:00:00. Please renew price. <a href = "phuketjettour.com" class="button button-green"> Phuket Jet Tour</a> <a href = "phuketjettour.com" class="button button-blue">SAMPLE !</a>

– story ks
Nov 27 '18 at 9:44

what i do there is you directly put the button on the email blade template.

– Dearwolves
Nov 27 '18 at 9:49

@storyks i updated my answer

– Dearwolves
Nov 27 '18 at 9:57

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53495955%2flaravel-5-4-mail-markdown-2-button-inline%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

you can put it in one <div>
For example:

<div class = "row>

your buttons here

</div>

If it doesn't help please share your code

Try this:

<span style="display: inline;">



@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent



</span>

edited Nov 27 '18 at 9:20

answered Nov 27 '18 at 9:08

Kusy

138

you has example?

– story ks
Nov 27 '18 at 9:11

I've edited my answer

– Kusy
Nov 27 '18 at 9:21

add a comment |

you can put it in one <div>
For example:

<div class = "row>

your buttons here

</div>

If it doesn't help please share your code

Try this:

<span style="display: inline;">



@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent



</span>

edited Nov 27 '18 at 9:20

answered Nov 27 '18 at 9:08

Kusy

138

you has example?

– story ks
Nov 27 '18 at 9:11

I've edited my answer

– Kusy
Nov 27 '18 at 9:21

add a comment |

you can put it in one <div>
For example:

<div class = "row>

your buttons here

</div>

If it doesn't help please share your code

Try this:

<span style="display: inline;">



@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent



</span>

edited Nov 27 '18 at 9:20

answered Nov 27 '18 at 9:08

Kusy

138

you can put it in one <div>
For example:

<div class = "row>

your buttons here

</div>

If it doesn't help please share your code

Try this:

<span style="display: inline;">



@component('mail::button', ['url' => 'http://phuketjettour.com/', 'color' => 'green'])

    Phuket Jet Tour

@endcomponent

@component('mail::button', ['url' => 'http://phuketjettour.com/s/vendors'])

    Vendor submission

@endcomponent



</span>

edited Nov 27 '18 at 9:20

answered Nov 27 '18 at 9:08

Kusy

138

edited Nov 27 '18 at 9:20

answered Nov 27 '18 at 9:08

Kusy

138

answered Nov 27 '18 at 9:08

Kusy

138

answered Nov 27 '18 at 9:08

Kusy

138

you has example?

– story ks
Nov 27 '18 at 9:11

I've edited my answer

– Kusy
Nov 27 '18 at 9:21

add a comment |

you has example?

– story ks
Nov 27 '18 at 9:11

I've edited my answer

– Kusy
Nov 27 '18 at 9:21

you has example?

– story ks
Nov 27 '18 at 9:11

I've edited my answer

– Kusy
Nov 27 '18 at 9:21

add a comment |

It's just a work around. I've inspect the email from a laravel project.

try this in place of your component for button :

<a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>

<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>

it inlines your button. then just adjust other element. If you want to put the button on the markdown then you do like:

On your markdown:

$button1= "   <a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>";

$button2 = "<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>";



  $emailMarkdown = $this->markdown('your_email_template')

                ->subject('your_subject)

                //you will define here the variables you need to pass in the template

                ->with([    

                   'emailBody' => $emailBody,

                   'button_first' => $button1,

                   'button_second' => $button2,

                ]);



     return $emailMarkdown;

then on the email template:

@component('mail::message')

        Dear {{$vendor_name}}



        Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

        Please renew price.



    {!!$button_first!!} {!!$button_second!!}

@endcomponent

edited Nov 27 '18 at 9:57

answered Nov 27 '18 at 9:36

Dearwolves

315213

if use html in markdown. it change html to string Product 19361 : 2142352 price id : 2124284 will expire on 2018-12-27 00:00:00. Please renew price. <a href = "phuketjettour.com" class="button button-green"> Phuket Jet Tour</a> <a href = "phuketjettour.com" class="button button-blue">SAMPLE !</a>

– story ks
Nov 27 '18 at 9:44

what i do there is you directly put the button on the email blade template.

– Dearwolves
Nov 27 '18 at 9:49

@storyks i updated my answer

– Dearwolves
Nov 27 '18 at 9:57

add a comment |

It's just a work around. I've inspect the email from a laravel project.

try this in place of your component for button :

<a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>

<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>

it inlines your button. then just adjust other element. If you want to put the button on the markdown then you do like:

On your markdown:

$button1= "   <a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>";

$button2 = "<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>";



  $emailMarkdown = $this->markdown('your_email_template')

                ->subject('your_subject)

                //you will define here the variables you need to pass in the template

                ->with([    

                   'emailBody' => $emailBody,

                   'button_first' => $button1,

                   'button_second' => $button2,

                ]);



     return $emailMarkdown;

then on the email template:

@component('mail::message')

        Dear {{$vendor_name}}



        Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

        Please renew price.



    {!!$button_first!!} {!!$button_second!!}

@endcomponent

edited Nov 27 '18 at 9:57

answered Nov 27 '18 at 9:36

Dearwolves

315213

if use html in markdown. it change html to string Product 19361 : 2142352 price id : 2124284 will expire on 2018-12-27 00:00:00. Please renew price. <a href = "phuketjettour.com" class="button button-green"> Phuket Jet Tour</a> <a href = "phuketjettour.com" class="button button-blue">SAMPLE !</a>

– story ks
Nov 27 '18 at 9:44

what i do there is you directly put the button on the email blade template.

– Dearwolves
Nov 27 '18 at 9:49

@storyks i updated my answer

– Dearwolves
Nov 27 '18 at 9:57

add a comment |

It's just a work around. I've inspect the email from a laravel project.

try this in place of your component for button :

<a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>

<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>

it inlines your button. then just adjust other element. If you want to put the button on the markdown then you do like:

On your markdown:

$button1= "   <a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>";

$button2 = "<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>";



  $emailMarkdown = $this->markdown('your_email_template')

                ->subject('your_subject)

                //you will define here the variables you need to pass in the template

                ->with([    

                   'emailBody' => $emailBody,

                   'button_first' => $button1,

                   'button_second' => $button2,

                ]);



     return $emailMarkdown;

then on the email template:

@component('mail::message')

        Dear {{$vendor_name}}



        Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

        Please renew price.



    {!!$button_first!!} {!!$button_second!!}

@endcomponent

edited Nov 27 '18 at 9:57

answered Nov 27 '18 at 9:36

Dearwolves

315213

It's just a work around. I've inspect the email from a laravel project.

try this in place of your component for button :

<a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>

<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>

it inlines your button. then just adjust other element. If you want to put the button on the markdown then you do like:

On your markdown:

$button1= "   <a href = "http://phuketjettour.com/" class="button button-green"> Phuket Jet Tour</a>";

$button2 = "<a href = "http://phuketjettour.com/" class="button button-blue">SAMPLE !</a>";



  $emailMarkdown = $this->markdown('your_email_template')

                ->subject('your_subject)

                //you will define here the variables you need to pass in the template

                ->with([    

                   'emailBody' => $emailBody,

                   'button_first' => $button1,

                   'button_second' => $button2,

                ]);



     return $emailMarkdown;

then on the email template:

@component('mail::message')

        Dear {{$vendor_name}}



        Product {{$product_id}} : {{$product_name}} price id : {{$price_id}} will expire on {{$date_expire}}.

        Please renew price.



    {!!$button_first!!} {!!$button_second!!}

@endcomponent

edited Nov 27 '18 at 9:57

answered Nov 27 '18 at 9:36

Dearwolves

315213

edited Nov 27 '18 at 9:57

answered Nov 27 '18 at 9:36

Dearwolves

315213

answered Nov 27 '18 at 9:36

Dearwolves

315213

answered Nov 27 '18 at 9:36

Dearwolves

315213

if use html in markdown. it change html to string Product 19361 : 2142352 price id : 2124284 will expire on 2018-12-27 00:00:00. Please renew price. <a href = "phuketjettour.com" class="button button-green"> Phuket Jet Tour</a> <a href = "phuketjettour.com" class="button button-blue">SAMPLE !</a>

– story ks
Nov 27 '18 at 9:44

what i do there is you directly put the button on the email blade template.

– Dearwolves
Nov 27 '18 at 9:49

@storyks i updated my answer

– Dearwolves
Nov 27 '18 at 9:57

add a comment |

if use html in markdown. it change html to string Product 19361 : 2142352 price id : 2124284 will expire on 2018-12-27 00:00:00. Please renew price. <a href = "phuketjettour.com" class="button button-green"> Phuket Jet Tour</a> <a href = "phuketjettour.com" class="button button-blue">SAMPLE !</a>

– story ks
Nov 27 '18 at 9:44

what i do there is you directly put the button on the email blade template.

– Dearwolves
Nov 27 '18 at 9:49

@storyks i updated my answer

– Dearwolves
Nov 27 '18 at 9:57

if use html in markdown. it change html to string Product 19361 : 2142352 price id : 2124284 will expire on 2018-12-27 00:00:00. Please renew price. <a href = "phuketjettour.com" class="button button-green"> Phuket Jet Tour</a> <a href = "phuketjettour.com" class="button button-blue">SAMPLE !</a>

– story ks
Nov 27 '18 at 9:44

what i do there is you directly put the button on the email blade template.

– Dearwolves
Nov 27 '18 at 9:49

@storyks i updated my answer

– Dearwolves
Nov 27 '18 at 9:57

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Btukfyl