html box issue

  • Resolved Codefix

    (@mhds)


    3 years, 8 months ago

    Hello,
    How can I use the html box element?
    in the new versions I can just enter the title and check a checkbox ‘html code’, where can I enter the html code?
    I checked the version 1.7.6 and there is a title field and instead a checkbox there is a textarea for the code, I assume its a bug a wrong field type.
    what is the solution for this problem?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Codefix

    (@mhds)

    Ok I found the problem.
    It’s a BUG and for fixing it we have to edit 2 files first one is ‘textarea-field.js’ in “assets/js/admin/src/components/listing-types/tabs/builder/control-panel” plugins directory and in that file find this code:

    
<div class="form-group">
	<label class="ulisting-checkbox">
		<input type="checkbox"  :true-value="1" :false-value="0" v-model="data[field.name]" />
		<span></span>
		{{field.label}}
	</label>
</div>

    AND REPLACE IT WITH THIS CODE:

    
<div class="form-group">
	<label>{{field.label}}</label>
	<textarea class="form-control" v-model="data[field.name]"></textarea>
</div>

    and save the file.
    The second file as ‘app.js’ in ‘assets/js/admin/dist’ plugins directory and in that file find this CODE:

    
"textarea-field":{data:function(){return{}},mounted:function(){},methods:{},props:{id:{default:0},data:{default:""},field:{default:""}},watch:{data:function(t){this.$emit("input",t)}},template:'\n\t\t<div class="form-group">\n\t\t\t<label class="ulisting-checkbox">\n\t\t\t\t<input type="checkbox"  :true-value="1" :false-value="0" v-model="data[field.name]" />\n\t\t\t\t<span></span>\n\t\t\t\t{{field.label}}\n\t\t\t</label>\n\t\t</div>\n\t'}

    AND REPLACE IT WITH THIS CODE:

    
"textarea-field":{data:function(){return{}},mounted:function(){},methods:{},props:{id:{default:0},data:{default:""},field:{default:""}},watch:{data:function(t){this.$emit("input",t)}},template:'\n\t\t<div class="form-group">\n\t\t\t<label>{{field.label}}</label>\n\t\t\t\t<textarea class="form-control" v-model="data[field.name]"></textarea>\n\t\t</div>\n\t'}

    AND SAVE THE FILE.
    I hope the developer team fix this problem in the next update.

    • This reply was modified 3 years, 8 months ago by Codefix.
    • This reply was modified 3 years, 8 months ago by Codefix.
    • This reply was modified 3 years, 8 months ago by Codefix.
    • This reply was modified 3 years, 8 months ago by Codefix.
    Plugin Support EricStylemixThemes

    (@ericstylemixthemes)

    Hello @mhds

    Thank you for reaching out and your report!

    We appreciate the valuable information you provide. This issue has been sent to the developers’ team. The task is already created and the team working on this issue. It will be fixed in one of the coming updates.

    Kind regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘html box issue’ is closed to new replies.

Tags