Solved

Could you suggest a way to format this by using Bootstrap?

Posted on 2016-11-04
6
42 Views
Last Modified: 2016-11-08
Hi Experts

Could you suggest a way to format these conrols by using Bootstrap?

The controls are too closer one from the other.

img004
link = link+ "<p><a href=\'"+valor.anexo+ "\' target=\'_blank\' class=\'anexo\' name=\'link\'>"+anexo+"</a><button type=\'button\'  class=\'call-ajax\' data-anexo=\'" + anexo + "\' data-id_rec=\'" + id_rec+ "\'>Excluir</button></p>";

Open in new window


Thanks in advance!
0
Comment
Question by:Eduardo Fuerte
6 Comments
 
LVL 9

Expert Comment

by:Prasadh Baapaat
ID: 41874674
Not clear what your question is...  it will be better if you give a URL instead of image
0
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 41874685
Maybe add some CSS to the cascade after the Bootstrap CSS.  You can put some margin to the left of the Excluir  button.
0
 
LVL 51

Assisted Solution

by:Julian Hansen
Julian Hansen earned 50 total points
ID: 41875177
Just put a &nbsp; between </a> and </button>
link = link+ "<p><a href=\'"+valor.anexo+ "\' target=\'_blank\' class=\'anexo\' name=\'link\'>"+anexo+"</a> &nbsp; <button type=\'button\'  class=\'call-ajax\' data-anexo=\'" + anexo + "\' data-id_rec=\'" + id_rec+ "\'>Excluir</button></p>";

Open in new window

0
 
LVL 82

Accepted Solution

by:
leakim971 earned 450 total points
ID: 41875340
For example :
link = link+ "<p><a href=\'"+valor.anexo+ "\' target=\'_blank\' class=\'anexo btn btn-primary\' name=\'link\'><span class=\'glyphicon glyphicon-eye-open\'></span> "+anexo+"</a><button type=\'button\'  class=\'call-ajax btn btn-danger\' data-anexo=\'" + anexo + "\' data-id_rec=\'" + id_rec+ "\'><span class=\'glyphicon glyphicon-remove\'></span> Excluir</button></p>";

Open in new window


test page : https://jsfiddle.net/fdL1q0hv/

          <a href="/some/link" target="_blank" class="anexo btn btn-primary"><span class="glyphicon glyphicon-eye-open"></span> img_EE_041116_002.png</a>  
      <button type="button" class="call-ajax btn btn-danger" data-anexo="anexo" data-id_rec="someid">
        <span class="glyphicon glyphicon-remove"></span> Excluir
      </button>

Open in new window

0
 

Author Comment

by:Eduardo Fuerte
ID: 41878548
Thank you very much!

Fits very well to my needs.

img001
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now