AnsweredAssumed Answered

Misalignment of attribute inspector custom buttons?

Question asked by timdine on Oct 20, 2015
Latest reply on Oct 21, 2015 by timdine
  • Comment • 2

I've got an issue with the placing of a new custom button next to the Delete button on the attribute inspector and could use a hand in figuring out how to have it line up correctly.

 

I'm using the example at Using the attribute inspector | ArcGIS API for JavaScript to modify the existing Attribute Inspector in the Editor found in the Web Application Template.

 

My code looks like

 

var relatedRecordsButton = new Button({ label: "Get Related", "class": "saveButton" },domConstruct.create("div"));

relatedRecordsButton.on("click", getRelated);

domConstruct.place(relatedRecordsButton.domNode,  this.editor.attributeInspector.deleteBtn.domNode, "after");

 

The result looks like:

 

Capture3.JPG

 

With the new custom button overlapping the delete button.  Does anyone have any suggestions to solve this?

evtguy
evtguy Oct 20, 2015 10:41 AM
Correct Answer

In Chrome, I'd open the Developer Tools (F12) and select the button element. Once it's selected, play around with the CSS display property for that element. Maybe something like "display:table-cell" may get it to display inline with the other button.

 

Once you figure out the "right" CSS display property, be sure to add that CSS property to the button object as you create it in your JS code.

See the reply in context
No one else had this question

Outcomes