Bot interface bug

O

osho

Client
Регистрация
20.03.2012
Сообщения
125
Благодарностей
5
Баллы
18
I am having a weird issue with the Bot Interface module. I can create a workflow template.

Then, when I later edit the interface, something is happening and I am unable to use it within Zennoposter (I can't edit any values, the mouse pointer can't select anything/change any input parameters).

Has anyone else run into this issue?
 
VladZen

VladZen

Administrator
Команда форума
Регистрация
05.11.2014
Сообщения
22 453
Благодарностей
5 913
Баллы
113
Did you edit html code of BotUI manually?
Please send your project to us, we'll try to fix it.
 
K

kaboom

Client
Регистрация
23.01.2016
Сообщения
22
Благодарностей
6
Баллы
3
I have often this problem,usualy i drag and drop to create the ui (no code).The auto generated code cause this issue.

A solution works for me :

1/In PM Go to bot UI and "open code".

2/Copy to clipboard this code

HTML: 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
    <meta charset="utf-8">
    <title> Editor </title>
    <link href="https://fonts.googleapis.com/css?family=Oswald%7CPT+Sans%7CPlay%7CRoboto+Condensed%7CUbuntu&amp;subset=cyrillic" rel="stylesheet">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Content/bootstrap.min.css">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/Select2.js.4.0.3/content/Content/css/select2.min.css">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/AdminLTE.2.3.3/content/admin-lte/css/AdminLTE.min.css">
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/jQuery.3.1.1/Content/Scripts/jquery-3.1.1.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Scripts/bootstrap.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/Select2.js.4.0.3/content/Scripts/select2.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/AdminLTE.2.3.3/content/admin-lte/js/app.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/fastclick.js.1.0.6/content/Scripts/fastclick.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/JSBotUI/Content/Scripts/BotUiApi.js"></script>
    <!-- This style for BotUI constructor only. Don't edit it! -->
    <!-- This block should be last in the Head. Don't add any strings after this block! -->
    <style id="style">
html, body {
    width: 100 %;
    height: 100 %;
    margin: 0;
    padding: 0;
}
div.fixed {
    position: absolute;
}
div.absolute {
    cursor: pointer;
    position: absolute;
}
label.option {
    white-space: nowrap;
    overflow: hidden;
}
body {
    font-family: 'Play';
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
html {
    margin-left: calc(100vw - 100%);
}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }           
option:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
b, li, ul, text, span, div.radio, label, input, h1, select, button, div.ignore, div.tab-content, div.tab-pane, option, textarea {
    margin: 0px;
    padding: 0px;
}
.highlighting-missing-element{
    border-style: dashed;
    border-color: #ffa500;
    border-width: 3px;
}
</style>
<script type="text/javascript">
    jQuery(document).ready(function(){
        $("input[type=checkbox],input[type=radio],option,select").hover(function() {
            $(this).css('cursor','pointer');
        });
        jQuery("input[type=checkbox],input[type=radio]").focus(
            function(){
            this.blur();
        });
        jQuery("select[multiple]").focus(
            function(){
            this.blur();
        });
    });
</script></head>
<body class="skin-purple" id="body" active_language="English">
3/In Bot UI Html editor, replace all the html code that starts with <html xmlns and ends with </ style> with the new code

Change all local paths in the code according to your tree and Zenno version : for example ->file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Content/bootstrap.min.css

4/Clic OK, Close Bot UI.

5/To check if its ok , go to bot UI again and go to "view" : If you can fill in the form field the problem is solved !

6/Save the template
 
Последнее редактирование:
VladZen

VladZen

Administrator
Команда форума
Регистрация
05.11.2014
Сообщения
22 453
Благодарностей
5 913
Баллы
113
kaboom сказал(а):
I have often this problem,usualy i drag and drop to create the ui (no code).The auto generated code cause this issue.

A solution works for me :

1/In PM Go to bot UI and "open code".

2/Copy to clipboard this code

HTML: 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
    <meta charset="utf-8">
    <title> Editor </title>
    <link href="https://fonts.googleapis.com/css?family=Oswald%7CPT+Sans%7CPlay%7CRoboto+Condensed%7CUbuntu&amp;subset=cyrillic" rel="stylesheet">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Content/bootstrap.min.css">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/Select2.js.4.0.3/content/Content/css/select2.min.css">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/AdminLTE.2.3.3/content/admin-lte/css/AdminLTE.min.css">
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/jQuery.3.1.1/Content/Scripts/jquery-3.1.1.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Scripts/bootstrap.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/Select2.js.4.0.3/content/Scripts/select2.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/AdminLTE.2.3.3/content/admin-lte/js/app.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/fastclick.js.1.0.6/content/Scripts/fastclick.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/JSBotUI/Content/Scripts/BotUiApi.js"></script>
    <!-- This style for BotUI constructor only. Don't edit it! -->
    <!-- This block should be last in the Head. Don't add any strings after this block! -->
    <style id="style">
html, body {
    width: 100 %;
    height: 100 %;
    margin: 0;
    padding: 0;
}
div.fixed {
    position: absolute;
}
div.absolute {
    cursor: pointer;
    position: absolute;
}
label.option {
    white-space: nowrap;
    overflow: hidden;
}
body {
    font-family: 'Play';
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
html {
    margin-left: calc(100vw - 100%);
}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }          
option:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
b, li, ul, text, span, div.radio, label, input, h1, select, button, div.ignore, div.tab-content, div.tab-pane, option, textarea {
    margin: 0px;
    padding: 0px;
}
.highlighting-missing-element{
    border-style: dashed;
    border-color: #ffa500;
    border-width: 3px;
}
</style>
<script type="text/javascript">
    jQuery(document).ready(function(){
        $("input[type=checkbox],input[type=radio],option,select").hover(function() {
            $(this).css('cursor','pointer');
        });
        jQuery("input[type=checkbox],input[type=radio]").focus(
            function(){
            this.blur();
        });
        jQuery("select[multiple]").focus(
            function(){
            this.blur();
        });
    });
</script></head>
<body class="skin-purple" id="body" active_language="English">
3/In Bot UI Html editor, replace all the html code that starts with <html xmlns and ends with </ style> with the new code

Change all local paths in the code according to your tree and Zenno version : for example ->file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Content/bootstrap.min.css

4/Clic OK, Close Bot UI.

5/To check if its ok , go to bot UI again and go to "view" : If you can fill in the form field the problem is solved !

6/Save the template
Нажмите, чтобы раскрыть...
Still would be great if you give the example of one of broken project demonstrating the bug.
Please send it to [email protected]
 
O

osho

Client
Регистрация
20.03.2012
Сообщения
125
Благодарностей
5
Баллы
18
kaboom сказал(а):
I have often this problem,usualy i drag and drop to create the ui (no code).The auto generated code cause this issue.

A solution works for me :

1/In PM Go to bot UI and "open code".

2/Copy to clipboard this code

HTML: 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
    <meta charset="utf-8">
    <title> Editor </title>
    <link href="https://fonts.googleapis.com/css?family=Oswald%7CPT+Sans%7CPlay%7CRoboto+Condensed%7CUbuntu&amp;subset=cyrillic" rel="stylesheet">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Content/bootstrap.min.css">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/Select2.js.4.0.3/content/Content/css/select2.min.css">
    <link rel="stylesheet" href="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/AdminLTE.2.3.3/content/admin-lte/css/AdminLTE.min.css">
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/jQuery.3.1.1/Content/Scripts/jquery-3.1.1.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Scripts/bootstrap.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/Select2.js.4.0.3/content/Scripts/select2.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/AdminLTE.2.3.3/content/admin-lte/js/app.min.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/fastclick.js.1.0.6/content/Scripts/fastclick.js"></script>
    <script src="file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/JSBotUI/Content/Scripts/BotUiApi.js"></script>
    <!-- This style for BotUI constructor only. Don't edit it! -->
    <!-- This block should be last in the Head. Don't add any strings after this block! -->
    <style id="style">
html, body {
    width: 100 %;
    height: 100 %;
    margin: 0;
    padding: 0;
}
div.fixed {
    position: absolute;
}
div.absolute {
    cursor: pointer;
    position: absolute;
}
label.option {
    white-space: nowrap;
    overflow: hidden;
}
body {
    font-family: 'Play';
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
html {
    margin-left: calc(100vw - 100%);
}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }          
option:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
b, li, ul, text, span, div.radio, label, input, h1, select, button, div.ignore, div.tab-content, div.tab-pane, option, textarea {
    margin: 0px;
    padding: 0px;
}
.highlighting-missing-element{
    border-style: dashed;
    border-color: #ffa500;
    border-width: 3px;
}
</style>
<script type="text/javascript">
    jQuery(document).ready(function(){
        $("input[type=checkbox],input[type=radio],option,select").hover(function() {
            $(this).css('cursor','pointer');
        });
        jQuery("input[type=checkbox],input[type=radio]").focus(
            function(){
            this.blur();
        });
        jQuery("select[multiple]").focus(
            function(){
            this.blur();
        });
    });
</script></head>
<body class="skin-purple" id="body" active_language="English">
3/In Bot UI Html editor, replace all the html code that starts with <html xmlns and ends with </ style> with the new code

Change all local paths in the code according to your tree and Zenno version : for example ->file:///C:/Program%20Files%20(x86)/ZennoLab/EN/ZennoPoster%20Pro/5.21.1.0/Progs/HtmlEditorContent/bootstrap.3.3.7/content/Content/bootstrap.min.css

4 / Click OK, Close Bot UI.

5/To check if its ok , go to bot UI again and go to "view" : If you can fill in the form field the problem is solved !

6/Save the template
Нажмите, чтобы раскрыть...
Ahh, that worked! Thank you very much.

@VladZen I will send an example of the bug next time it happens.
 
Вам необходимо войти или зарегистрироваться, чтобы здесь отвечать.

Кто просматривает тему: (Всего: 1, Пользователи: 0, Гости: 1)

Верх Низ