|
export class HomeComponent {
constructor() { }
ngOnInit() {
let fontfamily = ["Segoe UI", "Arial", "Times New Roman", "Tahoma", "Helvetica"], fontsize = ["1pt", "2pt", "3pt", "4pt", "5pt"], action1 = ["New", "Clear"], action2 = ["Bold", "Italic", "Underline", "strikethrough", "superscript", "subscript", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyFull", "Undo", "Redo"];
let sample = new ej.Ribbon($("#defaultRibbon"), {
width: "100%",
expandPinSettings: {
toolTip: "Collapse the Ribbon"
},
collapsePinSettings: {
toolTip: "Pin the Ribbon"
},
applicationTab: {
type: ej.Ribbon.ApplicationTabType.Menu, menuItemID: "ribbonmenu", menuSettings: { openOnClick: false }
},
tabs: [{
id: "home", text: "HOME", groups: [{
text: "Alignment", alignType: ej.Ribbon.AlignType.Rows, content: [
{
groups: [
{
id: "textindent",
text: "Indent",
toolTip: "Text Indent",
buttonSettings: {
click: "onClick",
contentType: ej.ContentType.ImageOnly,
prefixIcon: "e-icon e-ribbon e-indent"
}
},
{
id: "textoudent",
text: "Outdent",
toolTip: "Text Outdent",
enableSeparator: true,
buttonSettings: {
click: "onClick",
contentType: ej.ContentType.ImageOnly,
prefixIcon: "e-icon e-ribbon e-outdent"
}
}],
defaults: {
type: "button",
isBig: false
}
},
.. . . . . . . . . . . . . .
});
}
} |
